How to change the background color for Required Field errors?

It used to be just a little bit of red, now it's the background and everything in red. It doesn't look as professional, what did I do or change?

Hello,

You may add the following code to reset the background color to it's initial value:

.form-line-error {

  background-color: initial;

}

How-to-Inject-Custom-CSS-Codes

Thanks. I don't understand why I have to add this, it wasn't like this before.

My current CSS:

.form-required {
    display : none;
}

.form-all {
    box-shadow : 0px 0px 0px !important;
}

.form-header-group {
    border-bottom : none;
}

.form-all {
    margin-top : 0 !important;
    padding-top : 0 !important;
}

.form-line-error {

  background-color: initial;

}

The CSS codes below are added to your form to remove the shadow around the form.

.form-all {

    box-shadow : 0px 0px 0px !important;

}

The CSS codes below are added to your form to remove the space between the top of the form and the first field on the form.

.form-all {

    margin-top : 0 !important;

    padding-top : 0 !important;

}

Unless you add a header in your form, I don't think that you will be needing the CSS codes below in your form.

.form-header-group {

    border-bottom : none;

}

And the codes below is added to your form to hide the asterisk that indicates that the form is required. I also don't think that you need the codes below since the field labels in your form are hidden.

.form-required {

    display : none;

}

I hope this helps. If you have other questions, please do not hesitate to let us know.