How to Simplify Error Validation Message (Text Only, No Box)

Get Help
, ,
1

Hi there,

How can we simplify the error validation message generated by Gravity Forms?

We’d like to go from this, to this (1).

Note: (1) This form was generated by MailPoet (plugin).

Thank you!

2

You can try modifing the CSS using this snippet.

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none;
    border: none;
    margin-block-start: 0;
    padding: 10px 0 0;
    font-size: 12px;
}

Also if you’re using the Orbital Theme instead of the Gravity Forms 2.5 Theme the validation error message style is already improved to fit your desired look: screenshot

3

Thank you, Chris. Works like a charm.

You can see the results here (click on Send).

Cheers!