lostyazilim
tr.link

Contact Form 7 Hizalama Sorununa Çözüm!

3 Mesajlar 2.042 Okunma
acebozum
tr.link

Sndesign Sndesign WM Aracı Kullanıcı
  • Üyelik 23.07.2013
  • Yaş/Cinsiyet 35 / E
  • Meslek renklervecizgiler.com
  • Konum Iğdır
  • Ad Soyad N** A**
  • Mesajlar 126
  • Beğeniler 22 / 5
  • Ticaret 17, (%100)
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!
 

 

wmaraci
reklam

umittopcan umittopcan Tanıtım Yazısı ve Grafik Kullanıcı
  • Üyelik 24.01.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Operatör
  • Konum Ankara
  • Ad Soyad Ü** T**
  • Mesajlar 698
  • Beğeniler 34 / 123
  • Ticaret 39, (%100)
Kodlar çalışmayacaktır, verdiğiniz kodların en üstü şu şekilde olmalı;

input[type="text"], textarea {
border:Â 1px solid #0B2678;
}
 

 

Sndesign Sndesign WM Aracı Kullanıcı
  • Üyelik 23.07.2013
  • Yaş/Cinsiyet 35 / E
  • Meslek renklervecizgiler.com
  • Konum Iğdır
  • Ad Soyad N** A**
  • Mesajlar 126
  • Beğeniler 22 / 5
  • Ticaret 17, (%100)

Ümit Topcan adlı üyeden alıntı

Kodlar çalışmayacaktır, verdiğiniz kodların en üstü şu şekilde olmalı;

input[type="text"], textarea {
border:Â 1px solid #0B2678;
}


Hemen düzeltiyorum hocam sağolun..
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al