How to style the form list container in Gravity Forms

By Neil on July 30, 2014

The form list container is the area of Gravity Forms that contains all of the input fields, and is comparable to the body DIV that is covered in a previous video tutorial. It is common to want to style this area for so it looks good in your website, and to do this simply add the following code to your CSS stylesheet in WordPress.

body #gform_wrapper_**form ID here** .gform_body .gform_fields
{
**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
{
**CSS styling here**
}

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

Learn more about Gravity Forms here!