Setting Global Styles for Gravity Forms

Home / Guides / Gravity Forms Styler for Divi Builder / Setting Global Styles for Gravity Forms
Updated on
Lesson 3 of 7
2m read.
Beginner
4m video.

Stying your gravity forms is now easy with our Gravity form styler for Divi Theme.

The Gravity Form styler creates a global style for all of your Gravity Forms site wide.

It is specifically designed for Divi.

The Theme Customiser

Our Gravity Form Plugin provides options to style title, description, label, input, error, button, border, and other general items using the Theme Customiser.

Theme Customizer Panel with our Gravity Forms Plugin
Theme Customizer Panel with our Gravity Forms Plugin

It has the following sections:

  • General
  • Title
  • Description
  • Label
  • Input
  • Form Button
  • Progress Bar
  • Form Border
  • Error
Theme Customizer Sections for your Gravity Form
Theme Customizer Sections for your Gravity Form

General Section

The general section is used to set defaults for background color/image and set up padding for the form.

The General Section options for your Gravity Forms
The General Section options for your Gravity Forms

Title

The title section is used to set up the typography settings for the Gravity Forms title

Title Style Management for your Gravity Froms
Title Style Management for your Gravity Forms

Description

The description section is used to set up the typography settings for the Gravity Forms description text.

Management of global style for your Description text in Gravity Forms
Management of your Description text styles in Gravity Forms

Label

The label section is used to set up the typography settings for the Gravity Forms label text. These are your Form Labels.

Styling your Gravity Forms Labels
Styling your Gravity Forms Labels

Input

The input section is used to set up the typography settings for the Gravity Forms input fields.

Styling your Input Fields for Gravity Forms
Styling your Input Fields for Gravity Forms

Progress Bar

The progress bar section is used to set up the background and font color settings for the Gravity Forms progress bar element.

Settings for Progress Bars in Multi-step Gravity Forms
Settings for Progress Bars in Multi-step Gravity Forms

Form Border

The form border section is used to set up the border settings for the Gravity Forms.

Set block level border styles for your Gravity Forms
Set block level border styles for your Gravity Forms

Error

The error section is used to set up the typography settings for the Gravity Forms error element.

Styling notifications and error notices for Gravity Forms
Styling notifications and error notices for Gravity Forms

Please note that although you can set these styles Divi is forever releasing code that is getting in the way of these styles. From time to time things just break. We always release updates within a week of being notified of an issue.