Lesefortschritt:

Abstände der Divi-Rows und -Sections anpassen

24. Januar 2021 | CSS-Stylesheet, Divi-Theme

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

Die Rows (Zeilen) im Divi-Theme und dessen Sections (Sektionen) lassen immer einen Abstand zum nächsten gleichen Element frei. Das ist manchmal OK – auf vielen Websites aber auch störend. Via CSS lassen sich die Abstände anpassen oder gleich ganz eliminieren.

Abstände der Sections (Sektionen) ändern

Fügen Sie im CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) folgende Zeilen ein:

:not(.et_pb_fullwidth_section).et_pb_section {
padding-top: 50px !important;
padding-bottom: 50px !important;
}

Der Abstand im obigen Beispiel liegt beim Standard von 50px. Sie können diesen Wert frei anpassen.

Abstände der Rows (Zeilen) ändern

Fügen Sie im CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) folgende Zeilen ein:

.et_pb_row {
padding-top: 30px !important;
}
Der Abstand der Divi-Rows im obigen Beispiel liegt bei 30px. Sie können diesen Wert frei anpassen.

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