Contact Form 7 Css İle Düzenleme

9

WordPress’in popüler iletişim eklentisini bilirsiniz. Contact Form 7 wordpress sisteminde iletişim alanında lider.Hem kolay kullanımı hem de geniş işlevi ile kullanıcıları etkiliyor.Görünümü biraz basite kaçıyor.Bu yüzden bugün sizlere contact form 7 eklentisini css ile renklendirmeyi anlatacağım.

Demo Resim :

contact form 7
Aşağıdaki kodu Admin Paneli >İletişim >İletişim Formu > Form alanına ekleyin ve güncelleyin.

Daha sonra

Aşağıdaki kodu Görünüm > Düzenleyici > style.css   belgesinin en altına yapıştırıyoruz.Ve dosyayı güncelle diyoruz.

Verdiğim Kodda istediğiniz yeri değiştirebilirsiniz.Tek yapmanız gereken değerler ile oynamak.Ya da renk kodlarını değiştirebilirsiniz.
Eğer text alanları sitenize büyük geliyor ise “width” kelimesinin yanındaki değeri küçültün.

 

9 Yorumlar
  1. Salih Toy diyor

    Belki bunda değil ama diğer formlarda kullanabilirim dostum (:

    1. İsmail Cem diyor

      Css kodları ortak olduğu için her türlü formda olur sadece .wpcf7 yazan yeri değiştirmek yeterli.

  2. Burak ALHAS diyor

    Bu tur alinti konularda kaynak belirtmeniz en iyisi olacaktir. Alinti : Ugur Dalkiran yazarsaniz sizin acinizdan daha iyi olacaktir.

    1. İsmail Cem diyor

      Sadece css kod alıntıydı.Onu da değiştirdim.Alıntı konu değildir.

  3. Nedim Yıldırım diyor

    Güzel bir bilgi fakat senden en kısa zamanda blogger iletişim formu da bekliyoruzzz :))

    1. İsmail Cem diyor

      Bloggerda sistem farklı ama denerim.

  4. Sistem Gereksinimleri diyor

    Az önce blogger iletişim formu konunu okumuştum, oda çok başarılıydı buda ;)

  5. furkan yalcınkaya diyor

    teşekkürler güzel yazı.

  6. yılmaz diyor

    emeğinize sağlık çok güzel olmuş fakat mobil görüntüsü ekrana büyük geliyor.

Cevap bırakın

E-posta hesabınız yayımlanmayacak.