membuat contact form 7 yang responsive dan 2 kolom

Menampilkan Contact Form 7 Responsive 2 Kolom

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

Membuat form kemitraan kemfood sosis

Membuat form kemitraan kemfood sosis

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
Download Code Kontak Form
Baca juga yang ini :  Harga Paket Pembuatan Website SEO Friendly

Leave a Comment

Your email address will not be published. Required fields are marked *

Optimized with PageSpeed Ninja