How to style individual list items / fields in Gravity Forms

By Neil on July 30, 2014

The individual list items and fields in Gravity Forms can be styled using simple CSS formatting. Just add the code below to your CSS stylesheet in WordPress to do the styling:

body #gform_wrapper_**form ID here** .gform_body .gform_fields .gfield
{
**CSS styling here**
}

You can choose to apply the formatting to every single form on your website by removing the _**form ID here** part of the above code and changing #gform_wrapper with .gform wrapper, as shown below:

body .gform_wrapper .gform_body .gform_fields .gfield
{
**CSS styling here**
}

In the example tutorial here our Gravity Form has an ID of 4.

Learn more about Gravity Forms here!