Wie bekomme ich a:active in der Navigation FETT?

Sanjarok

Hallo Leute,

ich bekomme es im Helixultimate (das neue, das unter Joomla 5 läuft) nicht hin, dass in der Hauptnavigation die Links in den Zuständen a:focus und a:active fett sind.
Die Links sollen sich in der Farbe unterscheiden, was im Backend auch problemlos einstellbar ist.

Aber ich mag es nicht, wenn fett und nicht fett in der Navi gemisch ist, also versuche ich es über css.

Probiert hab ich bisher:

.offcanvas-toggler-right a:active, .offcanvas-toggler-right a:focus {font-weight:bold}

und

#offcanvas-toggler .offcanvas-toggler-right a:active, #offcanvas-toggler .offcanvas-toggler-right a:focus {font-weight:bold}

.offcanvas-toggler-right a {font-weight:bold}

sowie ganz allgemein:

.offcanvas-toggler-right a href {font-weight:bold}

Was mache ich falsch? .offcanvas-toggler-right ist die Klasse des entsprechenden Links, #offcanvas-toggler die ID.

chr-hl

Hallo und willkommen,

ein Link zu Deiner Seite wäre mehr als hilfreich (siehe auch Forenregeln)

Wenn ich das richtig verstanden habe, sollen die Links in der Hauptnavigation immer in fett angezeigt werden.

Christian

Rolf Dautrich

No link, no help

Sanjarok

Oh, sorry. Die Seite ist https://www.wildnisschule-landsberg.de/

Stef

Versuche es mal mit diesem Code:

Code

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a
{
  font-weight: bold;
}

Sieger66

Eventuell nützlich:

Code

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li > a:focus ,
.offcanvas-menu .offcanvas-inner ul.menu li.active  > a ,
.offcanvas-menu .offcanvas-inner ul.menu li  > a:focus 
{
  font-weight: 900;
}

Sanjarok

... es funktioniert beides. Vielen Dank Euch beiden! 👍👍

Tags