Style Gravity Forms Confirmation Message In Divi Theme

In this how-to you’ll learn how to style gravity forms confirmation message.

On successful submission of gravity form, a confirmation message is shown. We can style the message and it’s container.

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

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 Confirmation Message

Style Gravity Forms Confirmation Message
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Confirmation Message
  2. Set background color for the confirmation message message.
  3. Set confirmation message container spacing by setting values for margin and padding.
  4. Style confirmation message 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.