Divi Gravity Forms Premium for Styling Forms in Divi

Divi Gravity Forms Premium includes a Gravity Forms module to the Divi visual builder. Choose a form for a Divi page, set its shortcode parameters, and use the module’s design controls to adjust how the form and its messages appear.

Choose what the form displays

Set whether to display the form title and description, enable AJAX submission, select a starting tab index, and provide default field values. Defaults can include dynamic values, such as a selected checkbox choice. Description styling is available when Show Description is enabled.

Shape the form container and sections

Give the form wrapper a color, gradient, picture, or video background, then adjust its border, margin, and padding to fit the Divi layout. The title has typography and spacing controls. For forms with section break fields, you can style the section content title and description and adjust section spacing and border color.

Style inputs and field details

Input styling covers text, textarea, checkbox, and radio fields. General input typography settings are available, with separate typography controls for checkbox and radio components. Text, textarea, and dropdown fields can have backgrounds, borders, and rounded corners. The module also provides controls for input wrapper spacing, text field margin and padding, and placeholder typography.

Labels, sub-labels, and input field descriptions have their own typography and spacing settings. Field wrappers, which contain the input, label, sub-label, and description, have separate margin and padding controls. The submit button can also be styled through the module.

Format validation and confirmation messages

Overall form validation errors have typography, border color, margin, and padding settings. Individual field errors add background color controls alongside typography, border color, margin, and padding. You can also style the confirmation message shown after submission.

Add the module to a page

1. Create or choose a Gravity Form.
2. Add the Gravity Forms module to a Divi page and choose the form.
3. Set the title, description, AJAX, tab index, and default field value parameters you need.
4. Adjust the wrapper, fields, labels, validation errors, confirmation, and submit button to fit the page.

The website must use the Divi Theme and Gravity Forms. The supplied product information describes the Premium edition as offering a 7-day free trial with no upfront payment.