Style Gravity Form Section Break Field In Divi Theme

Learn how to style gravity forms section field wrapper, section field title and section field description.

Section break adds a separator to a group of gravity form fields. A section field wrapper contains a title and a description.

Pre-requisites

  1. A WordPress website
  2. A WordPress website
  3. Gravity Forms plugin
  4. WP Tools Gravity Forms Divi Module plugin

Tools

  1. Computer
  2. Text Editor

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 Section Field Wrapper

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

Start your FREE trial. No credit cards required.

Step 3 - Style Gravity Forms Section Field Title

Style Gravity Forms Section Field Title
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Section Field Title
  2. Set section title spacing by setting values for margin and padding.
  3. Set section title spacing by setting values for margin and padding.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - Style Gravity Forms Section Field Description

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