Search Gravity Forms Styler for Divi Documentation
Search for answers or browse our knowledge base.
How to configure and style
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.
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.
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 Weight,
- Letter Spacing
- Line Height
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.
Module setting >> Design Tab >> Labels
To give advanced styling to the form labels, set the desired setting here.
Module setting >> Design Tab >> Input Fields
In this setting field, you can set the customization for Input, Placeholder, and Description text.
Module setting >> Design Tab >> Required Text
This section introduces the customizations for the required text.
Module setting >> Design Tab >> Field Instructions Text
Here you can give the style to the instructions text.
Module setting >> Design Tab >> Radio Fields
To add custom styling in the radio fields enable the option Use Custom Styling.
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.
Module setting >> Design Tab >> Dropdown Fields
In this section, you can give a different style to the Selected and Option text.
Module setting >> Design Tab >> Textarea Field
Here you can set Textarea fields’ height. Default value is 150px.
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
- Text Font
- Font Weight
- 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.
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.
Module setting >> Design Tab >> Success/Error Message
Various styling options are available here for the Success and Error