Example: Changing Font Sizes

Introduction

By default, Gravity Forms will utilize much of your current theme’s stying, but in some cases, you may need to change rules 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.