Lesefortschritt:

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

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

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

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