Zum Hauptinhalt springen
Erfolgsmeldung nach Formulareintragung anpassen.

Wie du die Erfolgsmeldung nach Formulareintragung schöner gestalten kannst.

Vor über 3 Jahren aktualisiert

Bei einem normalen Kontaktformular auf deiner Website, braucht es ja nicht zwingend eine Weiterleitung auf eine Dankeseite. Eine einfach Meldung...

"Das hat geklappt. Wir melden uns bei dir"

...reicht völlig aus. Die Erfolgsmeldung kannst du ohne weiteres in den Formulareinstellungen bearbeiten. Das Design allerdings lässt sich nur mit CSS anpassen. Daher findest du in diesem Beitrag die Lösung, wie du den Text nach deinen Wünschen formatieren kannst.

Videoanleitung:

Zeitstempel

  1. CSS Code einfügen

  2. Erklärung: /*Schrift*/

  3. Erklärung: /*Grösse und Ausrichtung*/

Ressourcen für Video - Zeitstempel 1)

CSS-Code für Erfolgsmeldung:

Kopiere den CSS Code und füge ihn in deinen Theme Einstellungen ein

/***START - CSS Erfolgsmeldung von Kontaktformulare***/

@media only screen and ( min-width: 981px ) {

.et-pb-contact-message {

/*Schriftgrössen - Desktop Variante*/

font-size: 45px;

line-height: 1.5em;

font-weight: 900;

color: #45bbbb;

/*Ausrichtung und Grösse - Desktop Varianten*/

width: 80%;

text-align: center;

align-items: center;

margin: auto;

}

}

@media only screen and ( max-width: 981px ) {

.et-pb-contact-message {

/*Schriftgrössen - Mobil Variante*/

font-size: 45px;

line-height: 1.5em;

font-weight: 900;

color: #45bbbb;

/*Ausrichtung und Grösse - Mobil Varianten*/

width: 80%;

text-align: center;

align-items: center;

margin: auto;

}

}

/*** ENDE - CSS Erfolgsmeldung von Kontaktformulare***/

Hat dies deine Frage beantwortet?