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