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.