Contact Form 7 Responsive Sorun Yaşayanlar

Merhaba arkadaşlar,

WordPress (cms) sistem kullanarak oluşturduğumuz sitelerimizin meşhur eklentisi Contact Form 7 kullanırken bazı temalarda responsive özelliklerde kaymalar oluyor. Özellikle mobil görünümde inputlarda (metin kutuları) mobil uyumluluk çalışmıyor.

Sizde böyle bir durumla karşılaştıysanız. Aşağıdaki adımları izleyerek css düzenlemesi ile bu sorunu çözebilirsiniz.

Öncelikle sitemizin yönetim panelini açıyoruz ve menüden ;

Eklentiler > Düzenleyi

kısmını tıklıyoruz. Ardından ‘  ‘ kısmının karşısına ‘Contact Form 7’ işaretleyip ‘Seç’ butonuna tıklıyoruz.

Açılan sayfada eklenti klasör ve dosyalarının listelendiği kısımdadan

css > styles.css dosyasını seçiyoruz.

Dosyanın en sonuna aşağıdaki kodu ekliyoruz.

Dosyayı güncelle dedikten sonra işlemlerimiz bitti. Artık responsive olarak text ve text-area larınızı kullanabilirsiniz.

iyi çalışmalar ..