IntroductionEntire Form ExampleField Headers ExampleField Inputs ExampleSpecific Field ExampleMore Info
Introduction
By default, Gravity Forms will utilize your current theme』s stying, but in some cases, you may need to change your font size that your theme defines. This article shows a few simple techniques you can try using CSS.
Refer to the article linked here for advice on where you can add this snippet.
Entire Form Example
This example would change the font size for all text in the form:
body .gform_wrapper .gform_body {
font-size: 18px;
}
Field Headers Example
The following will change the font size on all field labels on the form:
body .gform_wrapper .gform_body .gfield_label {
font-size: 18px;
}
Field Inputs Example
The following will change the font size on all inputs on the form:
body .gform_wrapper .gform_body input {
font-size: 18px;
}
Specific Field Example
The following will change the font size on the input of the specific field #1 on the form #6:
#field_6_1.gfield input {
font-size: 18px;
}
Alternately, you can target the input directly by it』s ID #input_6_1 in the example above.
More Info
See this article for dozens more examples of using CSS to target your form elements.