konto usunięte
Temat: Stylowanie Contact Form 7 w WordPress
Cześć.Mam takie amatorskie pytanie. Jak mogę zmienić rozłożenie pól w formularzu, tak żeby składał się on z dwóch kolumn, bloków czy czegoś takiego? Pola "input" po lewej, pole "textarea" i "submit" po prawej.
Tak wygląda aktualnie fragment z pliku style.css.
/* Contact Form */
.wpcf7 p{
display:block;
margin-bottom:10px;
}
.wpcf7 label{
display:inline;
}
.wpcf7 input[type="text"]{
width:200px;
height:16px;
margin-bottom:0px;
background-color: #f0f0f0;
font-size:12px;
font-family:Arial, Sans-serif;
}
.wpcf7 textarea{
width:400px;
height:100px;
margin-bottom:6px;
padding:4px 4px;
background-color: #f0f0f0;
font-size:12px;
font-family:Arial, Sans-serif;
line-height:20px;
}
.wpcf7-submit{border:0;}
Tak wygląda aktualnie uproszczony kod formularza.
<p>Imię i nazwisko (wymagane)<br/>
[text* your-name] </p>
<p>Adres email (wymagane)<br/>
[text* your-email] </p>
<p>Temat<br/>
[text your-subject] </p>
<p>Treść wiadomości<br/>
[textarea your-message] </p>
<p>[submit "Wyślij"]</p>