How to change this text box?

[MHC]

On single product page, how can I change the background & text color of this red text box? (See attached)

Also there is a View Cart button too, how can I change its font size/weight/color?

[Kyle – SUPPORT]

Hi

We do not get this on our demo? Not the error nor the bar. Please can I see your link?

– Kyle

[MHC]

This reply has been marked as private.

[Kyle – SUPPORT]

Ahh ok

To change the color add this to your custom css:

.woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before {
  background-color: #b81c23;
}

And change the hex value to the color you wish to use

– Kyle

[MHC]

Hi Kyle,

Added this but only a portion of the text box background color is changed? Please see attached, yellow part is the color changed.

[Kyle – SUPPORT]

Sorry my mistake, add this:

.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
  background-color: #b81c23;
}

– Kyle

[MHC]

Thank you! This one is working great. 🙂

[MHC]

Hi Kyle,

Can you please tell me how to change one more text box color?
This one is when you log in and there is a message box saying “You are now logged in as…”

Please see image attached.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code bellow to your custom css, but change the background and text colors to your desired colors.

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
background: #d1f2f0 !important;
color: #252525 !important;
}

Best Regards,
Rui

[MHC]

Thanks Rui. It looks great now 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Thanks Rui :-).
With Best Regards