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

    Zeit für Neues: Bye-Bye Classic-Divi-Builder

    Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis Sommer 2019 der Standard-Builder war. Da und dort ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This
    Überblick über den Datenschutz

    Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.