Hallo Leute,
ich habe das Problem, wenn ich fehlende bzw. falsche Eingaben im CF7 Formular mache, dass die Meldung rechtsbündig und riesig von oben nach unten langgezogen wird. Wie kann ich es so machen, dass die Meldung über oder unter dem Submit Button steht oder halt iwo wo es passender ist, als das was ich gerade habe.
Bedanke mich im Voraus für eure Hilfe :)
Mein Code sieht folgendermaßen aus und im Anhang habe ich Screens hinzugefügt...
Code
<div id="cfhide">
<style>
.wps-form {
width: 75%;
margin: 0 auto;
}
.wps-form .wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form .wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form .wps-form-column {
flex: 1;
width: 100%;
padding: .5rem 0;
}
/* Notebook / Desktop */
@media only screen and (min-width: 48em) {
.wps-form .wps-form-row {
flex-direction: row;
}
.wps-form .wps-form-column {
padding: .5rem 1rem;
}
}
</style>
<div class="wps-form">
<div class="wps-form-row">
<div class="wps-form-column">
<label>Adı*</label>
[text* your-firstname]
</div>
<div class="wps-form-column">
<label>Soyadı*</label>
[text* your-name]
</div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Doğum Tarihi*</label>
[text* date-birth]
<div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Baba Adı*</label>
[text* your-fathername]
</div>
<div class="wps-form-column">
<label>Anne Adı*</label>
[text* your-mothername]
</div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Adres*</label>
[text* Adres]
</div>
<div class="wps-form-column">
<label>Postakodu Berlin*</label>
[number* number-346 min:10115 max:14199]
</div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Okul Adı*</label>
[text* your-schoolname]
</div>
<div class="wps-form-column">
<label>Sınıfı*</label>
[text* your-class]
</div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Mail*</label>
[email* your-email akismet:author_email]
</div>
<div class="wps-form-column">
<label>Telefon*</label>
[tel* your-tel]
</div>
</div>
<label>Bizi nasıl buldunuz?</label>
[select menu-374 " " "İnternet/Websitesi" "Tavsiye" "Kardeş Çocuğu"]
[checkbox checkbox-462 "daha önceden bir egitim kuruluna gitmistir"]
[acceptance acceptance-152] Egitim Derneginin tüm kurallarini okudum ve Kabul ediyorum. [/acceptance]
<div class="wps-form-row">
<div class="wps-form-column">
[submit "Gönder"]
</div>
</div>
</div>