Trick # 241 | 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.
Wie Sie die Titel speziell für Ihre Mobilansichten definieren, erfahren Sie im Beitrag «Schriftart-Grössen der Titel und Überschriften für die Mobilansicht global anpassen».
Werbung
Werbung
