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>

konto usunięte

Temat: Stylowanie Contact Form 7 w WordPress

Weź rozdziel sobie te elementy wstawiając je w dwa oddzielne DIVy.
Blokom tym daj float:left i ustaw jakąś szerokość - czy tam w pikselach, czy choćby po 50%
-i już będziesz miał w 2 kolumnach.

konto usunięte

Temat: Stylowanie Contact Form 7 w WordPress

Ok, wydukałem to jakoś. Dzięki za odpowiedź.Ten post został edytowany przez Autora dnia 12.06.15 o godzinie 01:54

Następna dyskusja:

funkcja ($si_contact_form) ...




Wyślij zaproszenie do