NAVI: Aktuelle Seite hervorheben

[bocanegra]

Hallo,

ich habe folgende Frage:

Wenn man eine Navigation mit mehreren Unterpunkten hat und diese z.B. alle die Linkfarbe grau besitzen.
Wie kann man das CSS so ändern, dass ein Navigationspunkt, deren Seite gerade aufgerufen ist, eine
andere Farbe hat?

Wäre euch dankbar wenn mir jemand helfen kann.

[lucina]

Indem Du die entsprechende CSS-Klasse .active ansprichst.

[Bas]

Der aktive Span der Contao-Navigation hat die Klasse active (ebenso wie die umgebene LI). Mittels der Klasse kannst Du Deine Styles definieren.

z.B. so:

.mod_navigation li.active > span { color:red; }

[bocanegra]

Wow, danke!
das ist genau das was ich gesucht habe.

Ich habe jedoch noch eine weitere Frage:

Es gibt Navigationspunkte, mit Unterpunkten.
z.B • Start
• Unternehmen
o Unterpunkt 1
o Unterpunkt 2
• Kontakt
• Impressum


Wenn ich auf Unterpunkt 1 bin, wird dieser so wie gewünscht hervorgehoben.
Gibt es noch eine Möglichkeit, den übergordneten Navigationspunkt, also "Unternehmen" gleichzeitig anders hervorzuheben wenn ich auf Unterpunkt 1 bin?

[lucina]

Da sollte dann .trail vorhanden sein. Generell ist es eine gute Idee, dabei mal die entsprechenden Entwicklertools des Browsers zu nutzen. In Chrome und anderen bekommst Du die mit einem entschlossenen Druck auf die Taste <F12>.

[wulf]

Ja mit der CSS-Klasse .trail