© Bakual

Schriftfarbe für Topmenü bei "active"

Mehr
5 Jahre 11 Monate her #4167 von Dietmar Poddey
Hallo,

habe versucht der aktiven Seite im Menü ein Schriftfarbe vorzugeben im Custom-CSS, mit:

#topmenu ul.menu > li a:active {
color: #000000;
}

Das "tut" aber nicht, da ist wohl was an der Syntax verkehrt?
Über die Einstellungen im Backend geht das ja wohl nicht, habe es zumindes nicht gefunden.

Vielen Dank vorab für Eure Hilfe.

Gruß
Dietmar

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
5 Jahre 11 Monate her #4168 von Thomas Hunziker
Grundsätzlich ist das Pseudoelement ":active" nicht die aktive Seite sondern der Link der grade angeklickt wurde. Das siehst du in der Regel nicht mal weil ja die Seite dann sofort frisch geladen wird.
Was du brauchst ist die CSS Klasse "current" welche den aktiven Menüpunkt markiert, resp "active" welche den aktiven Menüpunkt plus alle seine übergeordneten Menüpunkte markiert.

Versuchs also statt mit "li:active" mit "li.active" (Punkt statt Doppelpunkt dazwischen).
Folgende Benutzer bedankten sich: Dietmar Poddey

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
5 Jahre 11 Monate her #4169 von Dietmar Poddey
Hallo Thomas,
danke für die kurzfristige Antwort.

OK, current.
Gibt diese Klasse denn schon, oder muss ich sie definieren.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
5 Jahre 11 Monate her #4170 von Thomas Hunziker
Die Klasse ist im Menü durch Joomla gesetzt. Im CSS darfst du die einfach nutzen.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
5 Jahre 11 Monate her #4171 von Dietmar Poddey
Danke, Thomas.

Werde es ausprobieren.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
5 Jahre 11 Monate her #4172 von Dietmar Poddey
Hat leider nicht geklappt.

Habe aus dem template-css folgende Zeilen kopiert:

#topmenu ul.menu > li a:hover,
#topmenu ul.menu > li span.separator:hover {
color: #707070;
}

und angepasst:

#topmenu ul.menu > li a:current,
#topmenu ul.menu > li span.separator:current {
color: #707070;
}

Keine Reaktion.
Ist wohl doch nicht so einfach?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.122 Sekunden