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.
@media only screen and (min-width : 240px) {
.wpcf7-textarea,
.wpcf7-text {
max-width: 100%;
padding: 10px 1px !important;
}
}
Dosyayı güncelle dedikten sonra işlemlerimiz bitti. Artık responsive olarak text ve text-area larınızı kullanabilirsiniz.
iyi çalışmalar ..