Lesefortschritt:

Titel und Überschriften global stylen

21. Mai 2023 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 354 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Im Divi-Theme können Sie die Titel und Überschriften via Customizer stylen. Es geht aber auch via CSS und wirkt global. Heute geben wir Ihnen einen kleinen Bausatz für individuell gestaltete Titel zur Hand.

Verwenden Sie dazu den untenstehenden CSS-Block. Kopieren Sie ihn in das CSS-Stylesheet Ihrer Website, welches Sie im Backend unter Design/Customizer/Zusätzliches CSS bearbeiten:

.et_pb_module.et_pb_text h1 {
  font-size: 50px;
  font-weight:900;
}
.et_pb_module.et_pb_text h2 {
  font-size: 42px;
  font-weight:300;
}
.et_pb_module.et_pb_text h3 {
  font-size: 36px;
}
.et_pb_module.et_pb_text h4 {
  font-size: 28px;
}
.et_pb_module.et_pb_text h5 {
  font-size: 22px;
  font-weight:900;
}
.et_pb_module.et_pb_text h6 {
  font-size: 18px;
}

Schon werden die Titel angepasst. Die Schriftgrössen und Font-Gewichte können Sie natürlich frei definieren. Und auch weitere Auszeichnungen lassen sich in obigem Baukasten einfach einfügen.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This