Change colors

websab · May 2020

Hello,

could you lindly let me know if it is possible to change the default colors of Woocommerce?

I mean i.e. when you click on checkout and your bag is empty you have an advice in a strange yellow, or when you add a product you have an advice in green.

Is it possible to change these colors?

Thanks in advance for your reply.

Cinz

My site is https://cleaneco.it

Pablo · May 2020

Hello,

All of the colors which are available to change in the BeTheme (so, in the WooCommerce too), are in the Theme Options > Colors - this is the only place where you can change any color.

Thanks

websab · May 2020

Hello Pablo,

thanks for your reply.

I knew this, but for Woocommerce it is not working.

I mean, I tried but the colors remain as per default.

Maybe I'm changing the wrong ones.

I will try again.

Thanks

Pablo · May 2020

Some of the colors are not able to change, that true - because they are coming straight from the WooCommerce.

If you would attach some links to the screenshots of the elements you have in mind, it would be grateful.

thanks

websab · May 2020

HelloPablo,

thanks for your reply.

Please find the screenshot of the colors I would like to change.

Have a nice day

Cinz

https://snipboard.io/yYeXba.jpg

Pablo · May 2020

To change these colors, please use this CSS code in the Theme Options > Custom cSS & JS > CSS

.woocommerce .alert_warning{
    background:purple !important;
    color:red !important;
}

.woocommerce .alert_success{
    background:aqua !important;
    color:yellow !important;
}

Thanks

websab · May 2020

Hello Pablo,

thank you very much!

Can I use this CSS also for other shops changing the name of the color I want to use?

Pablo · May 2020

Yes, of course.

This code is universal.

Thanks

websab · May 2020

Wonderful!

Have a nice day!

Cinz

Change colors

Comments