Navigationsleiste anpassen

Hallo Leute, ich versuche seit Tagen die Menüleiste zu bearbeiten und zwar die Farbe einer bestimmter Kategorie zu ändern ohne erfolg. Kann mir einer vielleicht sagen wo ich es ändern kann? Es soll so aussehen: Your text to link here… also die Kategorie SALE Hintergrundfarbe „Rot“ Danke! Viele Grüße

Hallo, kann mir keiner helfen???

#mainNavigation ul > li:first-child + li { background:red; } -> https://jsfiddle.net/rxjgjL2h/

Danke Kayyy, leider habe ich es nicht verstanden.

Was hast du nicht verstanden? Die Lösung steht doch da ? :x

Danke Kayyy, ich habe es eingesetzt, hat sich nichts verändert. Ich muss doch einfach den Satz " li:first-child + li {background:red;}" hinter dem ul eintragen? Sorry, bin noch nicht so weit mit dem programmieren:wtf:

Hi, also erstmal müsste der Code wie folgt aussehen: .navigation-main ul \> li:first-child + li { background:red; } Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert. Allerdings wird beim obigen Code nicht der erste Menüpunkt entspreched eingefärbt, sondern nur die unteren Menüpunkte aus dem Dropdwodn Menü, bzw. haben diese dann einen roten Hintergrund. Wenn jemand noch nen Tipp hat wie das ganze richtig funktioniert, her damit, hätte ich auch Interesse dran… :wink: Gruß

[quote=„kayyy“][quote=„trixx“]Hi, also erstmal müsste der Code wie folgt aussehen: .navigation-main ul \> li:first-child + li { background:red; } Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert.[/quote] Er redet aber von Shopware 4 und nicht von Shopware 5 … zumindest dem Bild nach.[/quote] Wie kommst Du darauf? Ist doch in SW 5 Bereich gepostet…

[quote=“trixx”][quote=“kayyy”][quote=“trixx”]Hi, also erstmal müsste der Code wie folgt aussehen: .navigation-main ul \> li:first-child + li { background:red; } Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert.[/quote] Er redet aber von Shopware 4 und nicht von Shopware 5 … zumindest dem Bild nach.[/quote] Wie kommst Du darauf? Ist doch in SW 5 Bereich gepostet…[/quote] Schau dir das Bild an, was er gepostet hat. Vielleicht hat er es auch verwechselt keine Ahnung. Aber aufgrund des Bildes ging ich jetzt hier von Shopware 4 aus.

[quote=“kayyy”] Schau dir das Bild an, was er gepostet hat. Vielleicht hat er es auch verwechselt keine Ahnung. Aber aufgrund des Bildes ging ich jetzt hier von Shopware 4 aus.[/quote] Ah ok, dass hatte ich mir nur flüchtig angeguckt, war mir garnicht aufgefallen, aber dass zeigt die 4er das stimmt. Hmm… aber bei der 5 müsste das ja eigentlich ähnlich sein oder?

Bei Shopware 5 wäre es dann .navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } } Sollte glaube ich so gehen - ungetestet. Ansonsten halt ganz normal mit CSS .navigation-main li:first-child + li a { background:red; }

[quote=„kayyy“]Bei Shopware 5 wäre es dann .navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } } Sollte glaube ich so gehen - ungetestet. Ansonsten halt ganz normal mit CSS .navigation-main li:first-child + li a { background:red; }[/quote] Very nice :smiley: .navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } } In meine mymain-navigation.less reingehauen und funzt thx. Gruß

Shopware 4

Hallolchen, wie mache ich in dem Shopware4 ? DANKE