Skip to content

Instantly share code, notes, and snippets.

@scottmcdaniel

scottmcdaniel/Styling Gravity Forms Error Messages

Created February 5, 2014 20:42
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save scottmcdaniel/8832606 to your computer and use it in GitHub Desktop.
Save scottmcdaniel/8832606 to your computer and use it in GitHub Desktop.
Download ZIP
Styling Gravity Forms Error Messages
Raw
Styling Gravity Forms Error Messages
/* Gravity forms error handling - February 5, 2014 */
/* ############################################### */
/* Make the error stand out */
.gfield_error{
background-color: white;
color:#b94a48;
}
/* Prepend the error message to the missing but required field */
.gfield_error:before {
font-weight: bold;
content: "Sorry, this field is required: ";
color: #b94a48;
padding-left: 5px;
}
/* Hide the error message since we're displaying it above */
.validation_error, .validation_message {
display:none;
}
@scottmcdaniel
Copy link
Author

For a look at what this does, visit http://mcdev.com/how-to-style-gravity-forms-error-messages/

@marisqaporter
Copy link

Wow. The power of CSS. I love the way it looks on my form. https://heroes.wapixstaging.com/launch-your-nonprofit-step-two/?fname=Marisa&lname=Porter&email=marisa%40wapix.co

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment