[raoul_k@hotmail.co.uk]

Hey, I want to change the add to cart button when I list out a whole category of products (i.e several products listed together). Currently I can only change the add to cart button on the single product page using the theme options, but this does not change the button style when listing a whole category of products on a new page.

I added the below custom css into the style.css file but this hasn’t changed the website (I have also checked after clearing cache). I can’t see why the button style isn’t changing. Is it not possible to override the add to cart button style for this theme?

Thanks!

.single-product .product .single_add_to_cart_button.button{
background-color: #f2b145 !important;
color: #FFFFFF !important;
}

.woocommerce .product .add_to_cart_button.button{
background-color: #f2b145 !important;
color: #FFFFFF !important;
}

[Althemist]

Hello raoul_k@hotmail.co.uk,

You are not using the right selector in your CSS rule.

It must be like this:

div.prod_hold a.button, .links a.button.add_to_cart_button, .links a.button.add_to_cart_button.ajax_add_to_cart

[Author]

Posts