Lesefortschritt:

Bestätigunsmeldung in Divi-Kontaktformularen stylen

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

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

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