DIVI: Erster Buchstabe eines Text Elements stylen

von | Jan 11, 2023 | Font / Schrift, Technik | 0 Kommentare

Schlagwörter: CSS - CSS3 - DIVI

Wolltet ihr schon immer mal den Text in einem Textmodul in Divi ein wenig aufbessern? Erinnert ihr euch noch an die alten Bücher aus den Mittelalter wo die Mönche geschrieben haben und überall so stark verzierte Buchstaben drin stehen hatten? Genau sowas könnt ihr auch mit eurer Webseite machen.

Im heutigen Video zeige ich euch wie ihr es mit ein paar Zeilen CSS schafft, dass jeder 1. Buchstabe Gross und durchgestylt ist, wenn ihr ein Textmodul verwendet.

Video

CSS

Ihr müsst eigentlich nur zuerst ein Text in ein Text Modul einbauen und dann dem ganzen Modul ein eigene CSS Klasse geben – in meinem Beispiel heisst die Klasse ≪txt≫

1
2
3
4
5
6
.txt::first-letter {
color: green;
text-transform: uppercase;
 font-size: 3em;
 font-weight: bold;
}

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert