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.

Ähnliche Beiträge

Divi-Speciality-Section auf ganzer Seitenbreite anzeigen Das Divi-Theme bietet im Builder neben den Standard-Sektionen auch Spezial-Sektionen (auch Speciality Section genannt), welche weitere Möglichkeiten bei der Darstellung Ihres Contents eröffnen. Diese Sections können auch auf der vollen…
So fügen Sie einen hervorgehobenen Text in jedes… In Wordpress-Menüs können Sie ganz einfach einen Hinweistext einbauen: Etwa «Neu» oder «Top-Tipp» - wie Ihnen beliebt. Machbar ist solcherlei mit wenig CSS-Code. Wir zeigen Ihnen wie's geht.
Mehrere Divi-Module mit dynamischen Inhalten auf… Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den…
Unnötige Abstände im Post-Content-Modul des… Das Post-Content-Modul des Divi-Themes ist im «Theme Builder» ein hervorragendes Tool: Selbst wenn ein Inhalt nicht mit dem Divi-Builder erstellt wurde, lässt er sich damit perfekt darstellen. Fast perfekt: Denn…

Vorname	Nachname
Ort	Land
E-Mail-Adresse *

Abstände der Divi-Rows und -Sections anpassen

Abstände der Sections (Sektionen) ändern

Abstände der Rows (Zeilen) ändern

Ähnliche Beiträge

Kategorien

Divi-Module

Dr.-Code-Specials

Neueste Beiträge

Geplante Beiträge

Child-Theme erstellen

Tipps & Tricks per Mail

Themenidee?

Werbung

Kostenlose WordPress- und Divi-Tricks im Abo

Vielen Dank.

Pin It on Pinterest