Lesefortschritt:

    Captchafeld des Divi-Kontaktformulars mit einem Hinweistext ergänzen

    8. Januar 2025 | CSS-Stylesheet, Divi-Theme

    Trick # 419 | Dieser Beitrag beinhaltet 1437 Wörter. – Geschätzte Lesezeit: ca. 8 Minuten.

    Das Kontaktformularmodul des Divi-Themes wird mit einem CAPTCHA geliefert, das standardmässig aktiviert ist, wenn Sie ein Kontaktformularmodul zu Ihrer Seite hinzufügen. Das Divi-Captcha fügt eine einfache mathematische Frage ein – dieses Feld lässt sich mit einem benutzerdefinierten Text ergänzen.

    Die Geschichte ist rasch erzählt: So wie nebenan zeigt sich das Divi-Captcha ohne weiteres Zutun:

     

    Die Rechenaufgabe links des «Senden»-Buttons lässt sich mit einem kleinen CSS-Code mit einem Text versehen.

    9 + 10 =

    Diesen Code kopieren Sie am besten in das CSS-Stylesheet Ihrer Divi-Website. Sie können es editieren unter Design/Customizer/Zusätzliches CSS:

    .et_pb_contact_right p:before {
    content: "Lösen Sie folgende Rechenaufgabe:";
    margin-right: 15px;
    color:#333333;
    }

    Den Text in Zeile 2 können Sie natürlich frei anpassen. In unserem Falle zeigt sich der Effekt des CSS-Codes folgendermassen:

    1 + 8 =

    Werbung

    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This