Return to previous page

Change the background colour of the Add to cart button on categories pages

This topic has 4 replies, 2 voices, and was last updated 9 years, 11 months ago ago by Stan Russell

sorin.manica

Participant

December 26, 2014 at 12:49

Hello!

I need a custom .css code for the following changes for the add to cart button on categories pages (see here):

– the colours of the default ”add to cart” button to be similar to the one on product pages (see here) – white text on red background

– the colours of the on-hover ”add to cart” button to be similar to the one of the default button on categories pages (black text on whithe background)

In short, I want the add to cart button to be more obvious on categories pages, the same as it is on single product pages.

Thank you in advance 🙂

#31129 Copied

3 Answers
Stan Russell

Participant

December 26, 2014 at 13:53
Hello,

please add following code to yours ‘themes/legenda/custom.css’ file:
```
.etheme_add_to_cart_button{
  color: white !important;
  background-color: red !important;
}

.etheme_add_to_cart_button:hover{
  color: black !important;
  background-color: white !important;
}
```
Custom css can be enabled in Dashboard > Theme options > Custom css.

Regards,
Stan Russell.
#31130 Copied
sorin.manica

Participant

December 26, 2014 at 14:04

Works great! Thank you very much 🙂

Ticket closed.

#31131 Copied

Stan Russell

Participant

December 26, 2014 at 14:10

You are welcome!

#31132 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Change the background colour of the Add to cart button on categories pages’' has been successfully resolved, and the topic is now closed for further responses

Change the background colour of the Add to cart button on categories pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection