Hallo, ich habe eine Frage zu meiner Kategorienleiste. Die Adresse des Shops ist www.wts-wasserenthaertung.de. Ich habe einen Farbverlauf als Hintergrundbild hochgeladen (Im Styleedit unter Kategorien - Menüpunkte) und hätte ihn gerne auf der gesamten Breite der Leiste, also ohne das Blaue links und rechts. Versucht habe ich schon: Größe der Bilddatei ändern, und diverse Einstellungen geändert von Hintergrundbild Position, Wiederholung, Größe, Eigenschaften. Hat jemand eine Idee? Viele Grüße, Jenny
Nimm einmal im Style Editor unter Kategorie -> Menüpunkte statt der Farbe ein "transparent" rein. Dann löscht du das Bild dort und fügst Dieses unter eigenes css im Style Editor ein: Code: @media (min-width: 768px){ #header .navbar-categories { background-image: url(assets/images/custom/Leiste.png); }} Bei mir sieht das dann so aus
Liebe Barbara, vielen Dank, so meinte ich das. Ich hatte zwar auf eine einfache Lösung gehofft, aber vielleicht ganz gut, um ins css einzusteigen LG, Jenny
Alos, ich nochmal... wenn ich den Browserverlauf lösche, ist meine Kategorienleiste jetzt nicht mehr sichtbar. Liegt das Bild an der falschen Stelle oder woran kann das liegen?
Das ist ja echt schräg, bei mir (auf mehreren Rechnern) ist die Leiste nicht zu sehen. Ich lass es jetzt erstmal so, bin über's Wochenende nicht da. Falls jemand noch was einfällt, wär ich sehr dankbar. Liebe Grüße, Jenny
Ich seh die Leiste auch nicht. Vermutlich hat Barbara das Bild noch im Browsercache. Mal auf die schnelle: Liegt das Bild denn auch in templates/Honeygrid/assets/images/custom/Leiste.png? Was vlt auch ganz hilfreich ist: Man benötigt für Farbverläufe heut zu tage keine Bilder mehr, das kann CSS von sich aus. Der Befehl sollte das erzeugen, was du brauchst, du musst nur die richtigen Farbwerte eintragen: Code: background: linear-gradient(to bottom, <farbe1>, <farbe2>); - to bottom bedeutet, dass der Farbverlauf von oben nach unten durchlaufen soll - für <farbe1> trägst du den Farbwert ein, den du als Startwert haben möchtest - für <farbe2> trägst du den Farbwert ein, bei dem der Farbverlauf aufhören soll Man kann damit noch mehr machen, dafür kann ich folgenden Artikel empfehlen: https://developer.mozilla.org/de/docs/Web/CSS/linear-gradient Vorteil der CSS-Lösung ist, dass kein Bild geladen werden muss, was die Ladezeit der Seite verkürzen dürfte
Vielen Dank, Leiste ist jetzt da. Mit dem Farbverlauf-Thema werde ich mich mal beschäftigen, danke für den Link LG und schöne Woche, Jenny
Hallo Torben, ich muss das Thema nochmal kurz aufwärmen, da ich grad versuche die Kategorieleiste mit einem gradient zu belegen. Leider geht es nicht den gradient direkt im StyleEdit3 einzutragen, da dort fest background-color hinterlegt ist, wenn ich das richtig sehe. Demzufolge müsste das wohl per eigenem css erledigt werden, im Moment blicke ich aber noch nicht ganz bei dem Honeygrid durch wie ich da am besten ein updatetaugliches css-usermod erstelle. Kannst du eventuell einen wink in die richtige Richtung geben? Danke, Gruß Sascha
Ich bin zwar nicht Torben... aber gerade da Gehe im Style Editor auf Deinen Style und öffne ihn zum Bearbeiten. Jetzt klickst Du oben noch einmal auf den Namen des Styles. unter dem Namen sollte ein Link "eigenes css hinzufügen" erscheinen. Da kannst Du dein eigenes css eintragen.
Hallo Barbara, danke für den Tip. Irgendwie stell ich mich aber noch etwas dusselig an oder seh den Wald vor lauter Bäumen nicht. Wenn ich auf "eigenes css hinzufügen" klicke öffnet ein Fenster mit Code: @media (min-width: $grid-float-breakpoint) { #outer-wrapper { @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); } #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } }[code] Hier seh ich aber den Part mit "background-color: ...." nicht, den würde ich ja ändern wollen.
Den schreibst Du dazu. Das was da drinnen steht, ist eine Grundeinstellunge, die Du im Style Editor gemacht hast, bzw. die das Layout betrifft. Das ist so ähnlich wie beim EyeCandy früher, nur das Du keine Datei anlegen musst.
Alles klar, jetzt hab ich es verstanden. Ich such mir den Teil raus, denn ich überschreiben will und den schreib ich dort in die eigene css. Danke für Deine Hilfe!