Guten Tag,
Mein derzeitiges Formular sieht so aus::
HTML
Code
<div class="wps-form">
<!-- Zeile 1 -->
</div>
<!-- Ende der Zeile 1 -->
<!-- Zeile 2 -->
<div class="wps-form-row">
<!-- Spalte 1 -->
<label>Firma: </label>
[text text-388]
<!-- Spalte 2 -->
</div>
<!-- Ende der Zeile 2 -->
<!-- Zeile 3 -->
<!-- Zeile 4 -->
<div class="wps-form-row">
<!-- Spalte 1 -->
<div class="wps-form-column">
<label>Anrede*</label>
[text* your-name]
<label>Nachname*</label>
[text text-934]
<label>Straße/Nr.*</label>
[text text-748]
<label>Telefon*</label>
[text text-542]
</div>
<!-- Spalte 2 -->
<div class="wps-form-column">
<label>Vorname*</label>
[text text-542]
<label>Firma</label>
[text text-934]
<label>PLZ*</label>
[text plz]
<label>Wohnort*</label>
[text wohn]
</div>
<!-- Spalte 3 -->
<div class="wps-form-column">
<label>Website (falls vorhanden)</label>
[textarea textarea-43]
</div>
</div>
<!-- Ende der Zeile 4 -->
Alles anzeigen
CSS
Code
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) {
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0.5rem 1rem;
}}
Alles anzeigen
Mein Gewünschtes Ergebniss soll so aussehen
wie kann ich PLZ und ORT so hinbekommen.
Danke