Validation Errors CSS Selectors

Validation Error Message

Main validation error message shown at the top of the form.

• example: validation error message (div) – applies to all forms

body .gform_wrapper .validation_error {border: 1px solid red}

example: validation error message (div) – applies just to form ID #1

body #gform_wrapper_1 .validation_error {border: 1px solid red}

Validation – Error Container

Individual list items containing inputs with invalid values

• example: validation – error container (li) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield_error {border: 1px solid red}

example: validation – error container (li) – applies just to form ID #1

body #gform_wrapper_1 .gform_body .gform_fields .gfield_error {border: 1px solid red}

Validation – Error Description Message

Description/error message below inputs with invalid values

• example: validation – error description message (div) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {border: 1px solid red}

example: validation – error description message (div) – applies just to form ID #1

body #gform_wrapper_1 .gform_body .gform_fields .gfield_error .validation_message {border: 1px solid red}