Style Gravity Forms Button In Divi Theme

In this how-to you’ll learn how to style gravity forms button. Set the background, border, border radius, typography and alignment of the button.

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 Button

Style Gravity Forms Button
  1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Button
  2. Toggle Use Custom Styles For Button to yes
  3. Set Button Text Size, Button Text Color, Button Background, Button Border Width, Button Border Color, Button Border Radius, Button Letter Spacing, Button Font, Button Font Weight, Button Font Style, Button Alignment, Button Text Shadow, button spacing by setting values for margin/padding and Button Box Shadow
FREE DOWNLOAD

Start your FREE trial. No credit cards required.