Unterstreichen nur bei Hover

Hallo zusammen,

ich wollte im Cassiopeia Template ein paar generelle Einstellungen vornehmen, die sich auf die komplette Website auswirken, Darunter die Thematik, dass ein Link nicht unterstrichen ist und erst beim Hover als unterstrichen angezeigt wird.

Doch leider funktioniert das derzeit irgendwie noch nicht via user.css

:root {
  --cassiopeia-color-primary: #ff0000;
  --cassiopeia-color-link: #2666bf;
  --cassiopeia-color-hover: #ffffff;
  --cassiopeia-text-decoration: none;
}

Muss ich das mit der text-decoration anders gestalten, oder was fehlt hier noch?

Vielen Dank für Euren Support.

Chris

Leider noch in der Entwicklung und Lokal. Kann man trotzdem sagen, warum das mit text-decoration nicht klappt?

Hallo Stef,

genial, das funktioniert fast für die komplette Website. Nur bei einigen (simplen) Modulen (die meist so aufgebaut sind: <center><a href="https://example.com" target="_blank">Example</a></center>) kommt es zu keiner Unterstreichung wenn man darüber hovert. An was könnte das noch liegen?

firstlady: Ist das echt der Fall? Fast alle Websites nutzen nun keine Default-Unterstreichung mehr, sondern setzen beim Hovern meist die Farbe (stark) ab (schwarz/blau, etc.). Selbst Google macht das so und verzichtet z.T. komplett auf das Unterstreichen beim Hovern, oder?

Wäre gut, wenn das mit den paar Modulen auch noch funktonieren würde. Ggf. habe ich noch was drin, was dort nicht reingehört.

Danke.

Chris

Hallo zusammen,

Thema gelöst. Der Zusatz !important hat den Erfolg gebracht.

Vielen Dank an alle!

Chris

Ich habe hierzu jetzt noch einmal einen Nachschlag. Auf einmal hat sich meine eingestellte Farbe beim Hovern wieder verändert. Die rote Farbe ist weg und es beim Hovern wieder eine blaue Farbe zu sehen. Das einzige was ich heute verändert habe ist der Fakt, dass ich auf Joomla 4.3.3 upgedatet habe. Kann so etwas sein? Danke.

habe natürlich alles in der user.css integriert

Das mit der user.css ist mir klar, leider trotzdem die Änderung der Farbe. Vielleicht liegt es an etwas anderem.

Meine ganze Seite ist leider lokal, da noch in der Entstehung.

verstanden, ich dachte das ein !important alles "overruled"

o.k., dann bin ich wieder am Ausgangspunkt meiner Frage?!? echt blöd

die Frage, wie ich die Farbe beim Hovern wieder auf rot bekomme, das Unterstreichen funktioniert ja noch