Skip to content

Instantly share code, notes, and snippets.

@kjbrum
Last active May 21, 2016 02:20
Show Gist options
  • Save kjbrum/fcc46dac6d346740b1d4 to your computer and use it in GitHub Desktop.
Save kjbrum/fcc46dac6d346740b1d4 to your computer and use it in GitHub Desktop.
Better looking gravity form errors.
$error: #ff4856;
.gfield_required {
color: $error;
}
.validation_error {
text-align: center;
margin: 1rem 0 !important;
font-size: 0.9rem !important;
color: $error !important;
}
.gfield_error {
background: transparent !important;
border: none !important;
padding-left: 0;
padding-right: 0;
input,
textarea,
select {
border: 1px solid $error !important;
margin-bottom: 0;
}
.ginput_container {
margin-top: 0;
}
.gfield_description.validation_message {
font-size: 0.8rem;
color: $error;
}
&.gfield_select .ginput_container:after {
border-color: $error transparent transparent transparent;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment