Unterstrich bei Links

[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.

[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;

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).

[scherenschlag]

Ha. Danke. Astrein.
So kann man es lassen.