Menü-Objekt- 2 Farben für Menüpunkt
Autore: Karl B.
Visite 1129,
Followers 1,
Condiviso 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?
Postato il
Ist es vielleicht hier https://helpcenter.websitex5.com/it/post/218900 schon beschrieben? Mit entsprechender Code-Anpassung natürlich.
Autore
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!
Autore
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!
Autore
Die passenden Selektoren zu finden und den Code anzupassen traue ich mir schon zu, natürlich nur wenn du damit einverstanden bist.
Autore
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!
Autore
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>
Autore
Auch mit dem Code wird die Schrift nach Aufruf der Seite 2 nicht angezegt.
Autore
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!
Autore
Alles klar, nochmals vielen Dank!