Return to previous page

Some css codes for some buttons / backgrounds customizations

This topic has 6 replies, 2 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

sorin.manica

Participant

February 3, 2015 at 18:40

Hello!

I need to make some customizations to some colours shown. Can you please help me with the following:

1. Look here. A purple colour (#b959a2) of the search button and of the price filter button from the sidebar, on hover, the same as the “add to cart” button of the products from the same page.

2. Look here. For the woocommerce message that appears when a product is added to the cart, how can I change the background colour? I want it to have the #8e96c8 colour code.

Also, the same as above, how can I change the on-hover colour of the “view cart” button from the same woocommerce message to have the same as everywhere else the purple colour (#b959a2)?

Thank you in advance! 🙂

#39225 Copied

5 Answers
Eva Kemp

Support staff

February 3, 2015 at 20:13
Hello,

1. Please add this code in custom.css file:
```
.price_slider_wrapper .price_slider_amount button:hover, #searchModal .btn-black:hover {
background-color: #b959a2;
}
```
2. Add this code in custom.css:
```
.woocommerce-message, .alert-success, .success {
    background-color: #8e96c8 !important;
    border-color: #8e96c8 !important;
}
```
```
.woocommerce-message .button:hover {
background-color: #b959a2;
}
```
Thank you.
Regards,
Eva Kemp.
#39259 Copied
sorin.manica

Participant

February 4, 2015 at 11:53

Everything is ok, except the “search button” from the sidebar. Below also admin & ftp credentials if needed.

Thanks again 🙂

Please, contact administrator
for this information.

#39705 Copied
Eva Kemp

Support staff

February 4, 2015 at 12:39
Hello,

Please use this code in addition to the previous one:
```
.etheme_widget_search .button:hover {
background-color: #b959a2;
}
```
Thank you.
Regards,
Eva Kemp.
#39718 Copied
sorin.manica

Participant

February 4, 2015 at 13:25

Works great! Thank you very much!

Ticket closed 🙂

#39729 Copied

Eva Kemp

Support staff

February 4, 2015 at 13:32

Hello,

You’re welcome.

Regards,
Eva Kemp.

#39732 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Some css codes for some buttons / backgrounds customizations’' has been successfully resolved, and the topic is now closed for further responses

Some css codes for some buttons / backgrounds customizations

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection