Schriftfarbe für Topmenü bei "active"
- Dietmar Poddey
- Autor
- Offline
- Junior Mitglied
Weniger
Mehr
- Beiträge: 39
- Dank erhalten: 0
5 Jahre 11 Monate her #4167
von Dietmar Poddey
Schriftfarbe für Topmenü bei "active" wurde erstellt 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
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.
- Thomas Hunziker
- Offline
- Administrator
5 Jahre 11 Monate her #4168
von Thomas Hunziker
Thomas Hunziker antwortete auf Schriftfarbe für Topmenü bei "active"
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).
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.
- Dietmar Poddey
- Autor
- Offline
- Junior Mitglied
Weniger
Mehr
- Beiträge: 39
- Dank erhalten: 0
5 Jahre 11 Monate her #4169
von Dietmar Poddey
Dietmar Poddey antwortete auf Schriftfarbe für Topmenü bei "active"
Hallo Thomas,
danke für die kurzfristige Antwort.
OK, current.
Gibt diese Klasse denn schon, oder muss ich sie definieren.
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.
- Thomas Hunziker
- Offline
- Administrator
5 Jahre 11 Monate her #4170
von Thomas Hunziker
Thomas Hunziker antwortete auf Schriftfarbe für Topmenü bei "active"
Die Klasse ist im Menü durch Joomla gesetzt. Im CSS darfst du die einfach nutzen.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Dietmar Poddey
- Autor
- Offline
- Junior Mitglied
Weniger
Mehr
- Beiträge: 39
- Dank erhalten: 0
5 Jahre 11 Monate her #4171
von Dietmar Poddey
Dietmar Poddey antwortete auf Schriftfarbe für Topmenü bei "active"
Danke, Thomas.
Werde es ausprobieren.
Werde es ausprobieren.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Dietmar Poddey
- Autor
- Offline
- Junior Mitglied
Weniger
Mehr
- Beiträge: 39
- Dank erhalten: 0
5 Jahre 11 Monate her #4172
von Dietmar Poddey
Dietmar Poddey antwortete auf Schriftfarbe für Topmenü bei "active"
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?
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