Nah setelah bagaimana cara membuat form di WordPress menggunakan CF7 secara garis besar, sekarang saatnya kita menampilkan contact form 7 responsive 2 kolom.
Meskipun tampilan dari Kontak Formulir 7 secara default sudah cukup untuk sebagian besar formulir kontak form, bisa dilakukan tampilan 1 kolom menjadi 2 kolom.
Menambahkan Kode CSS akan membantu dalam menampilkan form responsif 2 kolom.
Contact Form 7 Responsive 2 Kolom
Contact Form 2 Kolom
1 kolom dari standar CF 7 bila isi kolomnya banyak pasti sih bakalan panjang bener kebawah. untuk memberikan tampilan Kontak form 7 enak diliat dan bukan hanya terdiri 1 kolom aja dan juga pasti menjadi lebih rapih bisa kita sisipkan code css yang disertakan dan bisa kamu pergunakan juga
Lihat juga artikel : Membuat Contact Form 7 Terkirim Ke Pesan WhatsApp
Code Css 2 Kolom
Pergunakan code css untuk membuat tampilan responsive 2 kolom untuk form yang akan dibuat dengan langkah-langkah berikut:
- Copy code contact form dibawah
- letakkan / masukan Additional CSS, melalui menu Appearance –> Customize –> Additional CSS yang letaknya berada paling bawah
- Langkah selanjutnya membuat form baru atau melakukan edit form yang sebelumnya sudah dibuat