"The fields highlighted in red are blank." But the red is not showing

[seanie_morris]

Hi,

On my form for a new website, during the checkout part I found that for certain fields that are required, if they are blank and I get the error message "The fields highlighted in red are blank. Please enter the required information.", the fields are not red i.e. they look the same as the other fields. On the Overdrive template, latest bakery version. Everything is fine (from what I can tell) in bakery/frontend.css for warning and success colours.

Seanie.

[dbs]

Hi, thanks for the info.



Or want you help? 
Give us a link. Seems the template.css is "stronger" as the form-css.

[seanie_morris]

Yep, brain not running at 100% this morning!

You're right dbs, the style.css (Overdrive template) was overriding the form's CSS with the property:

Code: [Select]

.form input, .form textarea, .form select {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #333333;
    font-weight: bold;
    margin-top: 14px;
}
Removing the background-color: #FFFFFF; was enough to get the field back to red again. Thanks!

Seanie.

[jacobi22]

if you want, try a !important behind the color-definition in bakery-frontend.css like color:#ff0000 !important

[seanie_morris]

if you want, try a !important behind the color-definition in bakery-frontend.css like color:#ff0000 !important

I'll try that, thanks jacobi.