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

    Divi-Projects in die Suche einbeziehen

    Das Divi-Theme bietet ein Suchmodul, welches jedoch nicht alle Post-Types in die Suche miteinbezieht. Die Divi-eigenen Projects etwa werden bei der Suche nicht berücksichtigt. Dies zu ändern, ist jedoch ein Kinderspiel.
    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.