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!
LIKE WHAT YOU’VE READ?
I publish new tutorials all the time so it would be great let you know when something is ready for you to check out. I also have lots more to share with you about how to easily customize and style your WordPress website, so why not join my gang.
Leave a Reply