Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Gravity Forms Styler

How to add Gravity Forms Styler Module to your webpage

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Gravity Form Styler module.
gravity-form-styler-divi-plus-module

Content Options

Form

Select Form

Here you can choose the form you have created using Gravity Forms.

Show Title and Show Description

Set these option as On to show form title and form description.

Enable Ajax

If you don’t want to reload the page on form submission, enable this option.

Design Options

Alignment

Text Alignment

This controls give you option how your text is aligned within the module.

Text Shadow

Here you can choose the text shadow style.

text-shadow-in-dp-gravity-form-styler

After selecting the shadow style you will be able to customize the shadow style further.

text-shadow-styler

Form Title

Here you find the customization option for form title. It gives you full control on title text customization like title font, weight, style, size, spacing, line height, text shadow, and color.

Form-title-customization

Form Description

Here you get the customization option for form description. Using the setting Form Description Padding you can add the extra space between the edge of element and its inner contents. In the sequence of design option next you get the font customization and text shadow option for description text.

Labels

In this setting you get the full control on label text customization like text font styling and shadow.

label-text-customization-dp-gavity-form-styler

Input Fields

Here you can customize the input, placeholder and description text color, input background, focus background, text font, weight, style, alignment, text letter spacing and lots of text customization option you get here to make your form attractive.

input-text-customization-dp-gravity-form-styler

Required Text

Here you get the full control on customization option for required text field.

Including the above design option you can also customize the radio fields, checkbox fields, textarea fields, upload fields, next/previous buttons, submit button and save and continue button.

form-customization-option-in-dp-gravity-form

Here is a blog post that covers the setup process, and working of the Gravity Forms Styler module.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Team Grid