Menü-Objekt- 2 Farben für Menüpunkt
Author: Karl B.
Visited 1123,
Followers 1,
Shared 0
Gibt es eine Möglichkeit einem Menüpunkt eine andere Farbe als den übrigen Menüpunkten zuzuweisen, um diesen Menüpunkt herzuheben, z.B. "Sonderaktion" oder ähnliches. Im Menü-Objekt kann man ja für den Haupteffekt nur eine Farbe bestimmen oder übersehe ich da etwas?
Posted on the
Ist es vielleicht hier https://helpcenter.websitex5.com/en/post/218900 schon beschrieben? Mit entsprechender Code-Anpassung natürlich.
Author
Der Menüpunkt soll nicht blinken, sondern nur eine andere Farbe haben.
Das ist individueller Code den man auf deine Seite abstimmen muss! So können wir dir keinen Code schreiben!
Author
Link!
Beim Aufruf der Seite (index.html) soll die Seite 2 eine andere Hintergrundfarbe und/oder der eine Textfarbe haben.
Das wird dir nichts bringen wenn ich dir den Code jetzt schreibe, denn wenn du nach der Seite 2 wieder Seiten einfügst wird sich der Code verschieben und bei Seite 3 landen! Denn derzeit ist der Selektor auf imMnMnLast und bei Seite 1 auf "imMnMnMiddle" und der Homepage auf imMnMnFirst gebrandet!
Author
Die passenden Selektoren zu finden und den Code anzupassen traue ich mir schon zu, natürlich nur wenn du damit einverstanden bist.
Author
Mit welchen Suchbegriffen kann ich versuchen im Netz einen Codeschnippels zu finden, den ich dann auf meine Seite anpassen kann?
#imHeader_imMenuObject_01_container > ul > li:nth-child(2) > .label-wrapper {background-color: green!important;}
Hier mal der Code! Normalerweise müsste jetzt der 2. Link grün im Hintergrund sein. Wenn es ein anderer sein soll dann die Nummer erhöhen bei child!
Author
Perfekt! Vielen Dank!
Was muss ich hinzufügen/ändern, damit auch nach dem Aufruf der "Seite 2" die Schrift (möglichst in rot) angezeigt wird?
Link!
#imHeader_imMenuObject_01_container > ul > li:nth-child(3) > .label-wrapper {background-color: white!important; color: red!important; border-color: red!important;} </style>
Author
Auch mit dem Code wird die Schrift nach Aufruf der Seite 2 nicht angezegt.
Author
Link!
Da ist anscheinend der Font eine Stufe tiefer!
#imHeader_imMenuObject_01_container > ul > li:nth-child(3) > .label-wrapper .label {color: red!important;}
Den Code extra einbinden!
Author
Alles klar, nochmals vielen Dank!