Return to previous page

Change the colour of the normal / on hover Add to cart button on categories page

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

sorin.manica

Participant

December 14, 2014 at 22:31

Hello!

I need to change the colour of the “Add to cart” button on the categories pages, both the default colour and also the one on mouse hover. I want for it to have the same aspect of the button on the product page (so, the “Add to cart” button from here to have the same colour by default / on hover as the one from here).

Can you please help me with a custom .css code? Thank you in advance 🙂

PS: The methodology is the same as with the Legenda theme, right? Renaming default.custom.css to custom.css, copying the code you give me into it, and also turning on the custom css option from the theme options, right? 🙂

Please, contact administrator
for this information.

#29456 Copied

3 Answers
Eva Kemp

Support staff

December 15, 2014 at 09:54
Hello,

Yes, the process with custom.css activation is the same as for Legenda theme.
Please add this code into custom.css file:
```
a.btn.border-grey.progress-button.etheme_add_to_cart_button.product_type_simple {
background-color: #262626;
color: white;
}
```
```
a.btn.border-grey.progress-button.etheme_add_to_cart_button.product_type_simple:hover {
background-color: #cda85c;
}
```
Thank you.
Regards,
Eva Kemp.
#29480 Copied
sorin.manica

Participant

December 15, 2014 at 11:06

Works great! Thank you. Ticket closed 🙂

#29499 Copied

Stan Russell

Participant

December 15, 2014 at 11:45

You are welcome!

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

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

Change the colour of the normal / on hover Add to cart button on categories page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection