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

  1. A WordPress website
  2. Divi Theme by Elegant Themes
  3. WP Tools Gravity Forms Divi Module plugin

Tools

  1. Computer

Total Duration : 4 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 1 - Setup Gravity Forms Module On Divi Builder

Setup Gravity Forms Module On Divi Builder
  1. Install all the pre-requisite plugins/theme.
  2. Setup a gravity form.
  3. Embed the form on divi page builder.
  4. Follow this guide for details
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 2 - Style Gravity Forms Input Label

Style Gravity Forms Input Label
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Label
  2. Set label container spacing by setting values for margin and padding.
  3. Style label text typography by setting values 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 cards required.

Step 3 - Style Gravity Forms Input Sub-Label

Style Gravity Forms Input Sub-Label
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Sub Label
  2. Set sub-label container spacing by setting values for margin and padding.
  3. Style sub-label text typography by setting values 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 cards required.

Step 4 - Style Gravity Forms Input Field Description

Style Gravity Forms Input Field Description
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Field Description
  2. Set field description container spacing by setting values for margin and padding.
  3. Style field description text typography by setting values 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 cards required.

Step 5 - Style Gravity Forms Field Wrapper

Style Gravity Forms Field Wrapper
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Field Wrapper
  2. Set field wrapper container spacing by setting values for margin and padding.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.