WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

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

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