Skip to content
StoreDocsSupport
Get Divi Torque

Fluent Forms Styler

The Fluent Forms Styler module lets you style a Fluent Forms form from the Divi builder. It changes the look of the form. It does not add any features to the Fluent Forms plugin.

Video Tutorial

How to Design Fluent Form

Design Fluent Form

Requirement

The Fluent Forms plugin must be installed and active. Without it, the module shows the message "Please install Fluent Forms plugin."

Create a Fluent Form

  1. In the WordPress dashboard, click the Fluent Forms menu.
  2. Click Add New Form.
  3. Choose Import Form, Use Template or Blank Form.
  4. Give the form a title and click Rename.
  5. Customize the form fields if you need to.
  6. Click Save Form.

Add the form to a page

  1. Go to your Divi page and enable the Divi Builder.
  2. Add a new module and search for "Fluent Forms".
  3. Open the module settings. In the Content tab, open the Form group.
  4. Type the numeric form ID into Form ID. It is the same number used in the form's [fluentform id="..."] shortcode. If the field is empty, the module shows "Please select a Fluent Form."

Style the form

Open the module settings and go to the Design tab.

  • Form Fields: Field Padding, Field Background, Required Mark Color, and the border of the input fields.
  • Form Text: Font styling for the field labels and for the text in the fields.
  • Radio & Checkbox: Radio & Checkbox Size, Background Color, Selected Color, Label Color and the border.
  • Success / Error Message: Padding, background, border and font styling for the success message and for the error message.
  • Button: Divi's standard button options for the submit button, plus box shadow and spacing.