Nabend zusammen, ich habe eben schon mal danach gesucht, aber leider nichts gefunden. Hat irgendjemand es schon versucht oder den Bedarf gesehen den Hintergrund des Headers/Kategoriemenüs nur auf der Startseite andersfarbig zu gestalten, als auf allen anderen Seiten? Gerade, wenn ein Fullscreen Teaser Slider genutzt wird, finde ich es sehr angenehm, wenn beispielsweise der Header transparent ist, bei weißer Schrift für die Kategorien und dann auf den restlichen Seiten ein weißer Header (oder transparent bei exakt eingestellter Größe und weißem Shophintergrund) und dann schwarze Schrift für die Kategorien. Man kennt es ja von WP, Shopify und Co. Ich wundere mich, dass dies nicht vielleicht auf der Agenda steht. Ebenso zwei Logovarianten für hellen und dunklen Hintergrund. Hat dies jemand schon auf "leichtem" Wege gelöst? Ich würde mich sehr freuen, wenn jemand helfen könnte. Liebe Grüße David
@david_malecki Dafür gibt es im Malibu Theme die Layout Variante "Hero". Wenn du diese aktivierst, ist der Teaser hinter dem Header. Wenn du dann im Header die HIntergrundfarbe auf "transparent" und die Kategorieleiste Hintergrundfarbe ebenfalls auf "transparent" umgestellts, dann sollte das schon so einigermaßen funktionieren.
Hallo Till, vielen Dank. Das weiß ich jedoch schon alles. Das Problem liegt doch vielmehr darin, dass die Schriftfarbe dann sowohl auf der Startseite, als auch auf allen anderen Seiten gleich ist. Hat mal also Shop/Produktbedingt dunkle Teaser Slide und wählt eine weiße Schriftfarbe, sieht man auf den Folgeseite gar nichts mehr, weil der Header transparent und die Shophintergrundfarbe ebenfalls weiß ist. Man wäre dann quasi dazu gezwungen den Shophintergrund Dunkel zu halten oder helle Teaser-Slider Bilder zu nutzen. Gibt es hier einen Workaround, um die Schrift des Headers nur auf der Startseite z.B. Weiß zu halten und auf den restlichen Seiten z.B. Schwarz? Gruß, David
Jede (oder fast jede) Seite hat ihre eigene Klasse und somit kannst du die Startseite mit page-index ansprechen... So der Einstieg in deine Lösung... Mit etwas CSS ist das kein Problem.
Vielen Dank. Frago. Habe es zumindest für die Kategorieschriftart hinbekommen. Hast du einen Tipp für mich, wie ich an die Klassen für die kleinen Icons oben rechts (Lupe, Weltkugel, Männchen, Herz und Warenkorb) komme? Mit Element untersuchen, bekomme ich es nicht hin. Den muss ich dann aber auch auch, nur auf der Startseite, eine andere Farbe geben. Besten Dank! Gruß, David
PS: Damit funktioniert es leider nicht. Im Element Untersuchen Feld jedoch schon: .navbar-secondary .navbar-nav > li > a svg path { fill: #333333; } .navbar-secondary .navbar-nav > li > a svg polygon { fill: #333333; }