bookmark_borderChanging Font Sizes

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. Here’s how to do it.

Using 3rd-Party Plugins

If you just need to make a quick change and don’t have the ability to make the change using CSS, your best option is to use a 3rd-party plugin named Styles & Layouts for Gravity Forms.

In most cases, the plugin solution will work just fine, but keep in mind that it is a 3rd-party plugin and we don’t have any control over how it operates across all sites.

Using CSS Selectors

By utilizing CSS selectors, you can change the styling of anything on your form.

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;
}