Hi,
Please can you let me know how I can change the colour of the buttons, for woo commerce products.
The hover colour is being picked up from the theme settings but the main colour is defaulting to black and I can see where to control/change this?
Thanks
Regards
Simon
Hello Simon,
You should provide your website URL so I can take a closer look at this section and also, so I can provide a more accurate code.
Thanks for the message!
Hello spandrews,
Please check the following code ->
.woocommerce .product a.button{
background: red!important;
}
Thanks for the message!
Hi Catralin,
Thanks – I have put this code in custom CSS but what this does is change the colour to a simple blue.
Prior to this the colour was black and the hover colour was the theme accent colour.
How can I keep this functionality please ? Also I need to set a hex colour ?
Thanks
Simon
Hi – Please can someone advise on this.
Many thanks
Regards
Simon
Hello spandrews,
If you want to have a HEX color for your button, notice that you simply replace the red value with your hex number for your color. Will work.
Hope this helps!
Thanks for your understanding!
Hi Catalin,
Thanks – the colour works with the hex but there hover change does not work anymore with this code.
Is there a way to retain the hover change please.
Thanks
Simon
Hi,
Please try this code, remove the one previously entered
– https://www.screencast.com/t/ruWVhzBrjNE
– https://www.screencast.com/t/CphBYgd2
It should make the button the color you want, and retain the hover color
.woocommerce .product a.button {
background: red;
}
.woocommerce a.button {
background-color: red;
}
Thanks
