Hallo, kann mir bitte jemand helfen, wie ich ein zweispaltiges Kontaktformular transparent bekomme?
Ich möchte die Schrift in weiß und alles andere Transparent, damit man den Hintergrund sieht. Wäre euch sehr dankbar, wenn mir da jemand helfen könnte. Anbei das Css und HTML
.wpcf7-form-control:focus {
outline: none;
}
.wps-form {
width: 100%;
margin: 0 auto;
}
.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;
}
}
.in_msg {width:20px; height:60px;}
<div class="wps-form">
<!-- Zeile 1 -->
<div class="wps-form-row">
<!-- Spalte 1 -->
<div class="wps-form-column">
<label> Dein Name
[text* your-name] </label>
</div>
<!-- Spalte 2 -->
<div class="wps-form-column">
<label> Deine E-Mail
[email* your-email] </label>
</div>
</div>
<!-- Ende der Zeile 1 -->
<!-- Zeile 2 -->
<div class="wps-form-row">
<!-- Spalte 1 -->
<div class="wps-form-column">
<label> Deine Telefonnr
[text* Telefonnummer] </label>
</div>
<!-- Spalte 2 -->
<div class="wps-form-column">
<label> Deine Nachricht
[textarea* your-message class:in_msg] </label>
</div>
</div>
<!-- Ende der Zeile 2 -->
<!-- Zeile 3 -->
[acceptance Datenschutz:] Ich willige ein, dass ich per Mail oder Telefon kontaktiert werden darf. [/acceptance]
<!-- Zeile 3 -->
<div class="wps-form-row">
<!-- Spalte 1 -->
[submit "Senden"]
</div>
</div>