Gravity Forms CSS Ready Classes
What is Gravity Forms?
Gravity Form is a paid plugin to create professional and secure forms on your site. These forms are not only contact forms, but can also be used for surveys, polls, mailing lists, product orders and so much more.
One powerful feature that separates it from other forms is its use of conditional logic, so that form features can be hidden or revealed depending on user input.
Not only is there a wide range of ways to display your form options, but you can easily style your form through CSS Ready Classes.
CSS Ready Classes
CSS Ready Classes were built into Gravity Forms 1.5 Release as a way to easily customize format.
Not all CSS Ready Classes labels work with all form types.
To use a CSS Ready Class, after you create your label, click on the appearance tab. There will be an option for Custom CSS Class, where you can insert your chosen class label.
It is possible to use multiple classes by separating your classes with a space.
Of course, you may have other CSS or code that can override or interfere.
“Top Label” CSS Classes:
Applies to Top Label Options / Text Areas
Split into two columns
Split into three columns
Split into four columns
List CSS Classes:
Applies to Checkboxes (Radio) and Multiple Choice
Two equally spaced columns
Three equally spaced column
Four equally spaced column
Five equally spaced columns
Other Useful Classes:
Applies to Sections/Page Breaks/etc.
- Adds scroll bar to long text
- Works only on section breaks
- Hides am/time selector
- hides the characters left counter beneath paragraph text fields when using the max characters option