To change the background and text of these banners (from their default white-on-blue to something else) you can add the following CSS code to your site:
.woocommerce-message, .woocommerce-info, .woocommerce-noreviews, p.no-comments {
background: #ff0000;
color: #0000ff;
}
The colors used here (blue on red) are only used as an example.
Perfect thank you,
I have implemented this and it has fixed the banners.
Do you know the coding for the asterisks too? (*) They are red and would like to change them to make the site sleeker.
Also when setting password, I would like to change the colour of the weak, medium strong indicator text.
Brock
The color of the asterisk can be changed with this:
.required {
color: #0000ff;
}
For the password indicator colors, you can change these values:
/**
* Password strength meter
*/
.woocommerce-password-strength.strong {color: #0f834d;}
.woocommerce-password-strength.short {color: #e2401c;}
.woocommerce-password-strength.bad {color: #e2401c;}
.woocommerce-password-strength.good {color: #3d9cd2;}
That’s great thank you,
The colour scheme is all starting to come together now 🙂
Brock
