As a way of saying thank you to our loyal WPMayor readers, we’ve managed to get an exclusive Gravity Forms video for you from from the Learn Gravity Forms course that is launching today February 24th! The full course includes 25 lesson videos and we’ve got exclusive access to one of them… Lesson 16!
Everybody loves Gravity Forms and for a good reason! It works great and looks awesome… but what if you wanted to change the appearance of some of those form fields?
Maybe putting a phone field to the right of an email field? How about splitting a ton of checkboxes into three columns or making a scrollable agreement box? It’s all possible!
Using CSS Ready Classes for Gravity Forms (click that link to open it in a new tab) will help you do all that and more!
Watch this exclusive video below from the Learn Gravity Forms course and if you want to get the entire course, we’ve negotiated a 25% discount on any package for WP Mayor readers!
WP Mayor readers get 25% off any Learn Gravity Forms package!
2 Responses
Hi Sameer,
Using a plugin (like the one you are using) is by far the easiest way to style Gravity Forms… the other option would be to use something like FireBug (http://getfirebug.com/) to find the class you are looking to change then add some custom CSS classes to your themes styles.css file to override it.
If all that sounds terrible to you (and it is!), continue using the plugin! 🙂
Ian Anderson
Hi,
Thank you for this wonderful tutorial. I liked the way you explained CSS classes. I have converted my form to two column using your tutorial. It will be great if you can also provide tutorial for setting CSS styling for gravity forms. Right now I am using a free wordpress plugin
https://wordpress.org/plugins/styles-and-layouts-for-gravity-forms/
It works great however I also want to know I can do that manually if required