Arkadaşlar Wp kullanıcılarının en çok tercih ettiği contact form 7 eklentisinde basit formların yanında profesyonel formlarda oluşturulabiliyor. Fakat bir çoğumuzun karşılaştığı bir problem var ki ; Metin alanlarının aynı hizada gözükmesini ayarlayamamak.
Bu sorunu gece boyu araştırıp çözdüm. Bir çoğunuz biliyordur ama bilmeyenler için çözümümü paylaşayım istedim.

1- Aşağıdaki kodu temanızın css+style dosyasında aşağı bir yere ekleyin.

input[type="text"], textarea {
border:Â 1px solid #0B2678;
}
.wpcf7-form {margin-top:20px;}
.wpcf7-form label {
float:left;
text-align:right;
display:block;
margin-right:0.5em;
width: 8em;
font-weight:bold;
}
.wpcf7-form input[type="radio"] {
vertical-align:top;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
border:1px solid #EC8800 !important;
}
p#wpcf7-indicates-required {
font-size:.9em;
color:#888888;
}

And for the submit button, you will see rounded corners in Firefox or WebKit (safari, chrome) browsers as well as IE9:

input[type="submit"]{
background:#0b2678;
color:#FFFFFF;
padding:3px;
border:none;
font-size:1.1em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
letter-spacing:.07em;
}
input[type="submit"]:hover, input[type="submit"]:focus{
color: #ababcc;
}


2- Daha sonra contact form 7 içerisinde oluşturmak istediğiniz tüm formlarda şu şablonu kullanın.

[text adnz]



Bu kadar basit:) Yapmanız gereken her bir metin alanı için:
-adiniz kısmına bir isim koyun. (galiba farketmiyor bu kısım)
-İsim-Soyisim*: kısmı zaten açık. Hangi bilgiyi istiyorsanız onu yazacaksınız.(Telefon,adres,vs)
-Sonra sağ taraftan etiket alanı oluştura tıklayın ve oluşturduğunuz kodu sürükleyerek en sonda ki Bu alana ekleyin



Bu kadar:)
Sonuç:



Umarım araştıran arkadaşlara faydalı olmuştur. Sonuçları yazarsanız memnun olurum. Hayırlı Forumlar!