Style Gravity Forms Border, Background & Spacing In Divi Theme

Learn how to style gravity forms border, background and spacing (margin/padding).

Gravity Forms Divi Module plugin provides advanced settings for styling border, background and spacing.

Pre-requisites

  1. A WordPress website
  2. Divi Theme by Elegant Themes
  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 Border

Style Gravity Forms Border
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Border
  2. Setup the Rounded Color, Border Styles, Border Width, Border Color and Border Style to your liking.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 3 - Style Gravity Forms Background

Style Gravity Forms Background
  1. In the divi module, goto Gravity Forms Settings > Content (Tab) > Background
  2. Set either a flat color, gradient color, image or video as the background
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - Setup Gravity Forms Margin & Padding

Setup Gravity Forms Margin & Padding
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Spacing
  2. Add pixels values for margin and spacing as per your liking.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.