Lesefortschritt:

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

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

Trick # 355 | 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

 

Pin It on Pinterest

Share This