Change only button color in Shop

[jolinekool]

Hi!
Just changed my website from Shapely to X Theme, and happy about my new look.
Just wondered which CSS to use to change only the color of the button that appears when the mouse hovers over a product, so within Woocommerce. The hover color itself is nice this way.

Its about www.kaftwerk.com/shop

Thanks in advance!

Joline

[jade]

Hello Joline,

Please add this code in the Global CSS:

.woocommerce li.product .entry-header .button {
    color: rgb(229,190,1);
    border-color: rgb(229,190,1);
    background-color: rgba(255,255,255,0.7);
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome

Hope this helps.

[jolinekool]

It did, thank you!

[christian]

You’re welcome. Glad we could help.