Style Gravity Form Section Break Field In Divi Theme

Learn how to easily customize the appearance of your Gravity Forms section breaks, including the overall container, title, and description.

Section breaks help organize long forms by adding visual separators to group related fields together. A section container typically includes a title and descriptive text.

Pre-Requisites

• A WordPress Website
• Divi Theme
• Gravity Forms Plugin
• Divi Gravity Forms Plugin

Section Field Wrapper Styling Settings

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

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

3. Customize the bottom border color to visually separate your sections.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Section Field Title Styling Settings

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

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

3. Customize your section title’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

Section Field Description Styling Settings

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

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

3. Customize your section 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