Lesefortschritt:

    Bestätigunsmeldung in Divi-Kontaktformularen stylen

    1. Mai 2024 | CSS-Stylesheet, Divi-Theme

    Trick # 340 | Dieser Beitrag beinhaltet 442 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

    Das Kontaktformular-Modul des Divi-Themes zeigt auf der Website eine Bestätigungsmeldung, wenn die Nachricht verschickt wurde. Diese Bestätigung ist reichlich diskret gestaltet und wenig auffällig. Sie lässt sich aber leicht stylen, damit sie weniger übersehen wird.

    Die Versandbestätigung des Divi-Kontaktformular-Moduls ist einigermassen diskret. Etwa so wie nebenan:

    Damit die Meldung etwas besser auffällt, haben wir hier einen CSS-Code aufbereitet, den Sie in das CSS-Stylesheet Ihrer Website (im Backend unter Design/Customizer/Zusätzliches CSS) hinzufügen können:

    .et-pb-contact-message p {
    font-size: 28px;
    line-height: 1.7em;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 50px!important;
    border: 2px solid #293280;
    border-radius: 10px;
    background: #293280;
    }

    Der obige CSS-Code bewirkt, dass die Bestätigungsmeldung nun so ausschaut:

     

    Selbstverständlich können Sie Farben, Textpositionen und -Auszeichnungen im CSS so anpassen, damit sie zu Ihrer Website passen.

    Werbung

    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.