Collapsible Dropdown (ohne activate)

Bitte Link zur Webseite.

Ah, jetzt ist bei mir der Groschen gefallen. Habe ich im Forum schon mal gesehen:

Thema

underline im Menü Cassiopeia entfernen

moin Gemeinde

keine Ahnung ob ich gerade ein Brett vorm Kopf habe, aber ich bekomme den Unterstrich im Menü beim hover und active a imCassiopaia pertu nicht weg. Da hat doch sicher von euch schon einer dran gedreht. Ich werd gerade irre mit der line.

Gruß Micha

Webworker Berlin

15. Mai 2022 um 13:50

Denke aber dass es nicht so einfach ist.

Hallo,

ich habe mal in Deine user.css geschaut.

M.E. muss es

text-decoration: none;

anstatt

text-decoration: display:none;

heißen.

Christian

Zitat von chr-hl

...M.E. muss es

text-decoration: none;

heißen...

Nein das führt nicht zum gewünschten, weil:

Zitat von drmenzelit

...beim Menü in Cassiopeia ist kein text-decoration:underline am Werk, sondern ein befor Pseudo-Element

Code

.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: #fff;
  left: 0;
  right: 0;
}

das generiert die animierte Line bei hover

Daher ginge bei rusch alternativ z.B. wohl auch:

.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: var(--cassiopeia-color-primary) ;   
}