Lesefortschritt:

Lücke unter Aufzählungsunterlisten im Akkordeon-Modul des Divi-Themes verkleinern

23. Juni 2024 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 452 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Das Divi-Theme verfügt über ein Akkordeon-Modul, mit dem Text in erweiterbaren Boxen angezeigt werden kann. Wenn Sie eine Aufzählungsliste mit einer Unterliste im Akkordeon-Inhalt verwenden, könnten Sie feststellen, dass nach der Unterliste eine ziemlich grosse Lücke entsteht. Hier erfahren Sie, wie Sie diese Lücke verringern können.

Zunächst einmal, so sieht die Lücke normalerweise aus:

Der folgende CSS-Block verkleinert den unschönen Abstand. Fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein – unter Design/Customizer/Zusätzliches CSS:

.et_pb_accordion .et_pb_toggle_content li > ul,
.et_pb_accordion .et_pb_toggle_content li > ol {
	padding-bottom: 0.2em;
}

Durch Anpassen des Wertes für padding-bottom auf Zeile 3 wird die Grösse der Lücke angepasst.

Hier ist das Ergebnis:

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