Seite 1 von 1

Unterstrich bei Links

Verfasst: Di 23. Sep 2025, 15:04
von scherenschlag
Moin.
Nur mal so eine Frage am Rande.
Wenn man "Underlined Links" aktiviert, was ich gerade aus Versehen getan habe:
Kann man irgendwie oder irgendwo die dicke des Striches anpassen?
Oder gar den Abstand zum Text?
Der Strich ist mir zu dick und zu nah am Wort.
Wenn Nö, dann schmeiße ich Ihn wieder raus. War ohnehin ein versehen mit dem einschalten. :D

Re: Unterstrich bei Links

Verfasst: Di 23. Sep 2025, 15:30
von Tommy Herrmann
Moin,

trage entweder nur in dem "CSS Editor" vom Block diese CSS ein:

Code: Alles auswählen

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  background-size: 10000px 1px;
}
wolltest du das hauchdünn, also z.B. ½ Pixel, dann so:

Code: Alles auswählen

a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  background-size: 10000px 0.5px;
}

Willst du das "global" (im gesamten Projekt) so einstellen, dann trage diese CSS im globalen Site-Style ein:

> Klicke Pinsel-Symbol 🖌️ unten rechts auf der Arbeitsfläche

> Klicke dann unten auf den Button "Edit in Code Editor"

> Klicke irgendwo in den mittleren Bereich "Dynamic Styles" zur Auswahl (siehe Screenshot unten)

> Drücke im ausgewählten Bereich ("Dynamic Styles") zum Suchen die Tastenkombination "Strg+F"

> gebe oben im Suchenfeld ein: underline > Eingabetaste ↩

> ändere dort:

Code: Alles auswählen

background-size: 10000px 2px;
> in meinetwegen 1px:

Code: Alles auswählen

background-size: 10000px 1px;

underline links.jpg



Wolltest Du den Abstand der Linie auch noch vergrößern, dann müsstest Du die Hintergrund-Position verändern, gleich zwei Zeilen tiefer.

Du machst dann also aus jetzt:

background-position: 0 1.2em;

dann zum Beispiel:

background-position: 0 1.4em;


background-position: 0 1.2em; bedeutet: horizontal 0, vertikal bei 1.2em (gerechnet von der Textoberkante).

Re: Unterstrich bei Links

Verfasst: Mi 24. Sep 2025, 11:34
von scherenschlag
Ha. Danke. Astrein.
So kann man es lassen.
:tu:

Re: Unterstrich bei Links

Verfasst: Fr 20. Feb 2026, 10:43
von bonapart
Moin,

habe diesen Beitrag gerade erst gelesen. Fand ich interessant.
Kann man auch eine Mouseover-Farbe einstellen, also wenn der Mauspfeil auf einem Link ist?
Bei NOF konnte man die Link-Farbe, die des Mouseover und dann noch die Farbe nach Klick anpassen (besuchter Link, so hieß das glaube ich).

Geht das mit Mobirise auch ?

Vielen Dank vorab.
Und ein schönes WE Euch allen.

Euer bonapart :tu:

Re: Unterstrich bei Links

Verfasst: Fr 20. Feb 2026, 12:31
von Bushisan
Hi - so kannst Du die Textfarbe bei hover ändern!
a:hover {
color: #ff6600; /* Farbe beim Mouseover */
}
und so dauerhaft ändern wenn man draufgeklickt hat.
a:visited {
color: #800080; /* nach Klick (besucht) */

Re: Unterstrich bei Links

Verfasst: Mi 25. Feb 2026, 16:43
von bonapart
Vielen Dank!

Wo genau trage ich das ein? Hätte das gerne global für das ganze Projekt.