Skip to content

Style Gravity Forms Label, Sub-Label, Field Description & Field Wrapper In Divi Theme

In this how-to you’ll learn how to style label, sub-labels,input field description and field wrapper

  • Label is the name of the input field on the form.
  • Sub Label is additional name for the advanced input field. An advanced input field groups more than one field.
  • Input field description is the description text for a given input field.
  • Field Wrapper is the main wrapper for a input field. It wraps input field along with the label.

Pre-Requisites

Section titled “Pre-Requisites”

Input Label Styling

Section titled “Input Label Styling”

Style Gravity Forms Input Label

  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Label

  2. Control the space around your label container by adjusting the margin (outer space) and padding (inner space) values.

  3. Customize your label’s text design by configuring the options for font, font weight, font style, text alignment, text color, text size, letter spacing, line height, and text shadow.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Input Sub-Label Styling

Section titled “Input Sub-Label Styling”

Style Gravity Forms Input Sub-Label

  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Sub Label

  2. Control the space around your sub-label container by adjusting the margin (outer space) and padding (inner space) values.

  3. Customize your sub-label’s text design by configuring the options for font, font weight, font style, text alignment, text color, text size, letter spacing, line height, and text shadow.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Input Field Description Styling

Section titled “Input Field Description Styling”

Style Gravity Forms Input Field Description

  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Field Description

  2. Control the space around your field description container by adjusting the margin (outer space) and padding (inner space) values.

  3. Customize your field description’s text design by configuring the options for font, font weight, font style, text alignment, text color, text size, letter spacing, line height, and text shadow.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Input Field Wrapper Styling

Section titled “Input Field Wrapper Styling”

Style Gravity Forms Field Wrapper

  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Field Wrapper

  2. Control the space around your field wrapper container by adjusting the margin (outer space) and padding (inner space) values.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial