Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Gravity Forms Styler for Divi Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

How to configure and style

Gravity forms content configuration

Content Tab

Form

Module setting >> Content Tab >> Form

Select Form: All forms created with Gravity Forms will appear here. You can choose the form to display and customize it.

Show Title: Here, you will have the option to enable or disable the form title.

Show Description: Enable to display the form description.

Enable Ajax: To make the ajax enable on the form, set it as ON.

Design Tab

Alignment 

Module setting >> Design Tab >> Alignment

Text Alignment: Using this you can control text alignment as left, right, center, or justify.

Text Shadow: Here you have text shadow options and to disable the text shadow style choose the option None.

Form Title

Module setting >> Design Tab >> Form Title

Here you have complete customization control over the form title. Following settings are available in the form title section

  • Font
  • Font Weight,
  • Style
  • Color
  • Size
  • Letter Spacing
  • Line Height
  • Shadow

Description

Module setting >> Design Tab >> Form Description

In the form description setting area, you can set the padding in the description and style the text font as well.

Labels

Module setting >> Design Tab >> Labels

To give advanced styling to the form labels, set the desired setting here.

Input Fields

Module setting >> Design Tab >> Input Fields

In this setting field, you can set the customization for Input, Placeholder, and Description text.

Required Text

Module setting >> Design Tab >> Required Text

This section introduces the customizations for the required text.

Field Instructions

Module setting >> Design Tab >> Field Instructions Text

Here you can give the style to the instructions text.

Radio Fields

Module setting >> Design Tab >> Radio Fields

To add custom styling in the radio fields enable the option Use Custom Styling.

Checkbox 

Module setting >> Design Tab >> Checkbox Fields

Just like the radio button, you have to enable the Use Custom Styling setting in the Checkbox to add advanced styling.

Dropdown

Module setting >> Design Tab >> Dropdown Fields

In this section, you can give a different style to the Selected and Option text.

Text Area

Module setting >> Design Tab >> Textarea Field

Here you can set Textarea fields’ height. Default value is 150px.

Upload Fields

Module setting >> Design Tab >> Upload Fields

This section introduces the customizations for upload fields. The options enabled in this setting are as follows:

Upload Field Background

  • Padding
  • Text Font
  • Font Weight
  • Style
  • Text Color
  • Text Font Size
  • Text Letter Spacing
  • Text Line Height

Next Previous Buttons

Module setting >> Design Tab >> Next/Previous Buttons

This offers the option to style the margin, padding, and background of the next and previous buttons. And also you can customize the button text.

Submit Button

Module setting >> Design Tab >> Submit Button

Here you can customize the submit button according to your website theme.

Save and Continue

Module setting >> Design Tab >> Save and Continue Button

This section introduces the customization for the save and continue button that includes button margin, padding, and button text customization.

Success/Error Message

Module setting >> Design Tab >> Success/Error Message

Various styling options are available here for the Success and Error

gravity forms demo for free download