The title is contained within an H3 tag and has the class gform_title applied to it. In order to target it with css you would use the gform_title class.
For example:
.gform_title {font-face: arial;}
That would change the form title to use the arial font.
The description gets output in a SPAN and has the class gform_description applied to it. In order to target it with css you would use the gform_description class.
For example:
.gform_description {font-face: arial;}
That would change the form description to use the arial font.
You would add this custom CSS to your theme stylesheet at the bottom of your CSS file.
If you need to get the element, id or class names that Gravity Forms uses for various elements all you have to do is view the source of your page and look at the HTML that makes up the form.
If you ever have a problem applying a style to an element you may have to use the !important declaration to force the style to override any existing styles that were applied elsewhere in your theme or plugin stylesheet.
For example:
.gform_title {font-face: arial!important;}
Posted 14 years ago on Tuesday October 19, 2010 |
Permalink