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

seanie_morris

Quote from: jacobi22 on February 04, 2017, 02:21:17 PM
if you want, try a !important behind the color-definition in bakery-frontend.css like color:#ff0000 !important

I'll try that, thanks jacobi. :)

Gast

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

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:
.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.

dbs

Hi, thanks for the info.



Or want you help?  :-)
Give us a link. Seems the template.css is "stronger" as the form-css.
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

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.