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