Style Gravity Forms Field Validation Error & Form Error In Divi Theme

In this how-to you’ll learn how to easily customize your Gravity Forms field validation errors and form errors:

• Field Validation Error is the specific message shown next to a single input field when there is an issue with the information provided.
• Form Error is the general message shown at the top of a form indicating that the form cannot be submitted yet.

Pre-Requisites

• A WordPress Website
• Divi Theme
• Gravity Forms Plugin
• Divi Gravity Forms Plugin

Field Validation Error Styling

1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Field Validation Error

2. Set the border color for the error message to match your site’s alert styling.

3. Set the background color for the error message.

4. Control the space around your error message by adjusting the margin (outer space) and padding (inner space) values.

5. Customize your error text design by configuring the options for font, font weight, font style, text alignment, text color, text size, letter spacing, line height, and text shadow.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Forms Validation Error Heading Styling

1. In the divi module, goto Gravity Forms Settings > Design (Tab) > Validation Error Heading

2. Control the space around your validation error heading by adjusting the margin (outer space) and padding (inner space) values.

3. Customize your validation error heading text design by configuring the options for font, font weight, font style, text alignment, text color, text size, letter spacing, line height, and text shadow.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial