How To create 2 column responsive forms use gravity form on WordPress । Two column forms wordpress
How To create 2 column responsive forms use gravity form on WordPress । Two column forms WordPress । Two Column responsive Wordpress Forms । Two column Gravity form
If you like my work, you can buy me a coffee and share your thoughts 🎉☕ https://www.buymeacoffee.com/wpspecia...
►Need any help contact me via Fiverr: https://fiverr.com/wpspecialist24
Welcome Viewers,
Hope you are doing well. Do you want to create 2 columns forms on your WordPress site? But you don't know, How To create 2 column responsive forms use gravity form on WordPress? Don't worry you have the right placed here,.
In this video, I'm going to show you step by step, how you create 2 column responsive forms on your wp site. Hope the video was very helpful for you.
How to create 2 column Forms?
First Step: Login your Wordpress Site & install Gravity Forms plugin. If you need this plugin then contact me on Fiverr.
2nd step: Click gravity form & click new form from the dashboard. Then simply type form name & click Submit button.
3rd step: Add necessary fields, you will find all fields from the right side. Some example fields,
First Name, Last Name, Email , Phone number, Subject & Message Feild.
After all, fields added please click "UPDATE THE FORM " button. If you preview the form, which you created early, it will show one column form. You should add CSS on this form. Read Continue
or See the video.
How to Add CSS code for make 2 column layout:
First name: Click the first name field and click Appearance. Then you will see CSS class name. Just put below text on CSS class name field:
gf_left_half
Last name: Click the Last name field and click Appearance. Then you will see CSS class name. Just put below text on CSS class name field:
gf_right_half
Email: same as the first name like gf_left_half
Phone: same as the last name like gf_right_half
Now update Your form and see the preview again. Your WordPress form already created 2 column.
Thanks for watching the video:
• How To create 2 column responsive for...
If you think, this video was very helpful for you then don't forget to Subscribe my channel. Please hit the Subscribe button.
/ @rakhibulhasan24
▼MORE VIDEOS▼
►Fix Notification issue on Gravity form: • How to fix notification setting in gr...
►Make Responsive 2 column gravity form:
• Responsive Gravity Forms । Responsive...
►Create Request a quote form:
• How to create Request a quote form । ...
►Create Multipage form
Like Us On Facebook, Twitter, and Google+:
► Facebook: / wpspecialist24fiverr
► Facebook: / wpspecialist24
► Twitter: / wpspecialist24
► Google+: https://plus.google.com/u/0/110471603...
Also, don't forget to Like, Comment ▼ share this video. You are always welcome in my WordPress, Fiverr, Photoshop Tutorial big channel.
......................................................................................................
Music Source:
Music provided by Frequency
Track: Arc North - Meant To Be (feat. Krista Marina) [RetroVision Remix]
Link: • Arc North - Meant To Be (feat. Krista...
Music provided by Frequency
Track: Lundh - Let Go (feat. Safia)
Link: • Lundh - Let Go (feat. Safia)