[gelöst] topmenu soll bei active nicht "dick" werden
3 Jahre 2 Wochen her - 3 Jahre 2 Wochen her #5062
von Renate
[gelöst] topmenu soll bei active nicht "dick" werden wurde erstellt von Renate
Hallo und schönen Sonntag,
mich plagt gerade mein "topmenu".
Dieses "zappelt", wenn ein Beitrag angeklickt wird. Grund dafür ist, dass die Schrift auf "bold" wechselt, was ich nicht möchte.
Dafür hab ich das in meiner user.css:
Aber das wirkt nur teilweise - nämlich nur bei "hover", aber nicht bei "active".
Da meine Test-Seite nicht online ist, hab ich mal 2 Screenshots angehangen mit Inspektorfenster.
Das erste Bild zeigt den Inspektor, wenn der "Datenschutzbeitrag" angeklickt wurde und die Schrift im Menü wird fett und nichts zu erkennen von meiner user.css.
Das 2. Bild zeigt, wenn ich im Inspektor "hover", "active" etc. markiere. Plötzlich wird meine user.css angezeigt und auch der Menülink wird so, wie es eigentlich aussehen sollte.
Nun frag ich mich - Warum wirkt es nicht ohne Inspektor - ich krieg das gerade nicht in meinen Kopf ...
VG
mich plagt gerade mein "topmenu".
Dieses "zappelt", wenn ein Beitrag angeklickt wird. Grund dafür ist, dass die Schrift auf "bold" wechselt, was ich nicht möchte.
Dafür hab ich das in meiner user.css:
Code:
/* Menü oben */ #topmenu ul.nav > li a:hover, #topmenu ul.nav > li a:active, #topmenu ul.nav > li a:focus {
font-weight: normal !important; }
Da meine Test-Seite nicht online ist, hab ich mal 2 Screenshots angehangen mit Inspektorfenster.
Das erste Bild zeigt den Inspektor, wenn der "Datenschutzbeitrag" angeklickt wurde und die Schrift im Menü wird fett und nichts zu erkennen von meiner user.css.
Das 2. Bild zeigt, wenn ich im Inspektor "hover", "active" etc. markiere. Plötzlich wird meine user.css angezeigt und auch der Menülink wird so, wie es eigentlich aussehen sollte.
Nun frag ich mich - Warum wirkt es nicht ohne Inspektor - ich krieg das gerade nicht in meinen Kopf ...
VG
Letzte Änderung: 3 Jahre 2 Wochen her von Renate.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
3 Jahre 2 Wochen her #5063
von Thomas Hunziker
Thomas Hunziker antwortete auf topmenu soll bei active nicht "dick" werden
"a:active" bezeichnet den Zustand wenn du den Link grad aktivierst, also anklickst. Das ist aber nur ganz kurz weil ja die Seite dann direkt neu lädt.
Was du vermutlich brauchst ist "a.active". Also den Link mit der Klasse "active". Dann dürfte es funktionieren.
Also statt "#topmenu ul.nav > li a:active" nimmst du "#topmenu ul.nav > li a.active".
Was du vermutlich brauchst ist "a.active". Also den Link mit der Klasse "active". Dann dürfte es funktionieren.
Also statt "#topmenu ul.nav > li a:active" nimmst du "#topmenu ul.nav > li a.active".
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 2 Wochen her #5064
von Renate
Renate antwortete auf topmenu soll bei active nicht "dick" werden
Das funzt leider nicht.
Da ich für den aktiven Link auch die Farbe als Erkennung "Link ist aktiv" anpassen würde, hab ich das jetzt in meiner user.css:
/* Menü oben */
#topmenu ul.nav > li a:hover,
#topmenu ul.nav > li a:active,
#topmenu ul.nav > li a:focus {
font-weight: normal !important;
}
#topmenu ul.nav > li a.active {
font-weight: normal !important;
color: #ffffff;
}
Aber der aktive Link ist trotzdem "dick" und nicht weiß.
Irgendwie sieht es für mich so aus, dass es dieses a.active nicht gibt, weil es in der Stilbearbeitung auch gar nicht angebten wird
nehme ich nur #topmenu ul.nav > li a dann passiert auch das danach deklarierte - aber dann ist es eben immer so, was ich ja nicht will.
VG
Da ich für den aktiven Link auch die Farbe als Erkennung "Link ist aktiv" anpassen würde, hab ich das jetzt in meiner user.css:
/* Menü oben */
#topmenu ul.nav > li a:hover,
#topmenu ul.nav > li a:active,
#topmenu ul.nav > li a:focus {
font-weight: normal !important;
}
#topmenu ul.nav > li a.active {
font-weight: normal !important;
color: #ffffff;
}
Aber der aktive Link ist trotzdem "dick" und nicht weiß.
Irgendwie sieht es für mich so aus, dass es dieses a.active nicht gibt, weil es in der Stilbearbeitung auch gar nicht angebten wird
nehme ich nur #topmenu ul.nav > li a dann passiert auch das danach deklarierte - aber dann ist es eben immer so, was ich ja nicht will.
VG
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 2 Wochen her #5065
von Renate
Renate antwortete auf topmenu soll bei active nicht "dick" werden
Letztendlich ist es eigentlich auch gar nicht so schlimm, wenn die Schrift dick wird bei einem aktiven Link.
Was mich aber stört ist, dass das Menü durch die Änderung der Schriftform "zappelt".
Wenn ich das eliminieren könnte, dann darf die Schrift auch dick sein.
Was mich aber stört ist, dass das Menü durch die Änderung der Schriftform "zappelt".
Wenn ich das eliminieren könnte, dann darf die Schrift auch dick sein.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
3 Jahre 2 Wochen her #5066
von Thomas Hunziker
Thomas Hunziker antwortete auf topmenu soll bei active nicht "dick" werden
Versuchs mal mit diesem Selektor:
".mod-menu li.nav-item.current > a"
".mod-menu li.nav-item.current > a"
Folgende Benutzer bedankten sich: Renate
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
3 Jahre 2 Wochen her #5067
von Renate
Renate antwortete auf topmenu soll bei active nicht "dick" werden
Passt 
Vielen Dank.

Vielen Dank.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.192 Sekunden