Lesefortschritt:

    Klickflächen der Divi-Umschalter und -Accordions vergrössern

    14. Mai 2023 | Divi-Theme, functions.php, Mediathek

    Trick # 239 | Dieser Beitrag beinhaltet 262 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

    Ist Ihnen schon einmal aufgefallen, dass die Divi Toggle- und Accordion-Module schwer anzuklicken sind? Der klickbare Bereich ist nur so hoch wie der Text selbst – also etwa 1/4 der Höhe des Toggles. Wir zeigen Ihnen eine einfache Möglichkeit, den klickbaren Bereich der Divi Toggle- und Accordion-Module über den Text hinaus auf das gesamte Modul zu erweitern.

    Das Problem lässt sich sehr leicht mit einigen Zeilen CSS-Code beheben. Kopieren Sie den nachfolgenden Block und fügen Sie ihn in das CSS-Stylesheet Ihrer Divi-Website ein (unter Design/Customizer/Zusätzliches CSS):

    .et_pb_toggle {
    padding: 0;
    }.et_pb_toggle .et_pb_toggle_title {
    padding: 20px;
    }.et_pb_toggle .et_pb_toggle_title:before {
    padding-right: 20px;
    }.et_pb_toggle .et_pb_toggle_content {
    padding: 0 20px 20px 20px;
    }

    Als Resultat haben Sie nun wesentlich grössere Bereiche, in welchem Sie die Toggles und Acordions öffnen und schliessen können.

    Werbung

    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This