Return to previous page

Change color text and background buttons

This topic has 8 replies, 2 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

d4r1uzzo

Participant

September 7, 2018 at 10:21

Hello,
to change the color of these buttons (http://prntscr.com/krmx8b) can I intervene from the template settings (http://prntscr.com/krmxgp)?

I tried from here but I do not get any change.

Greetings,
Dario

#199138 Copied

7 Answers

Rose Tyler

Support staff

September 7, 2018 at 10:30

Hello,

We have 3 types of buttons – light (for example http://prntscr.com/hdcwhy), dark (for example http://prntscr.com/hdcwxi), active (for example http://prntscr.com/hdcx3r).
Please make sure that you cleared cache or provide us with temporary wp-admin access so we can take a closer look.

Regards

#199141 Copied

d4r1uzzo

Participant

September 7, 2018 at 10:53

Yes, I have flushed the caches, but the changes to the buttons are not applied.

Find the link for the temporary log in the private area 🙂

Thank you,
Dario

Please, contact administrator
for this information.

#199145 Copied
Rose Tyler

Support staff

September 7, 2018 at 12:26
Hello,

Please use this custom css code:

.woocommerce-info .wc-forward, .woocommerce-cart .actions .btn.gray, .woocommerce-cart .quantity.buttons_added span, .woocommerce-cart table.cart .remove-item { border-color: #1b1b1b; background-color: #1b1b1b; color: white; } .woocommerce-info .wc-forward:hover, .woocommerce-cart .quantity.buttons_added span:hover, .woocommerce-cart table.cart .remove-item:hover, .woocommerce-cart .actions:hover .btn.gray { border-color: #a2185b; background-color: #a2185b; } .woocommerce-cart .cart .remove-item:before, .woocommerce-cart .quantity.buttons_added .plus:before, .woocommerce-cart .quantity.buttons_added .minus:before { color: white; }

Regards
#199150 Copied
d4r1uzzo

Participant

September 7, 2018 at 14:34

The code works thanks 🙂

However, I realized that the color of the text of the “See order” button (http://prntscr.com/krq4fe) is black.

I do not understand where this class takes.

Greetings,
Dario

#199167 Copied
Rose Tyler

Support staff

September 7, 2018 at 14:49
You’re welcome!
Please use this code also:

.woocommerce-message .button { color: white; }

Regards
#199169 Copied
d4r1uzzo

Participant

September 10, 2018 at 09:24

OK thank you very much 🙂

#199211 Copied

Rose Tyler

Support staff

September 10, 2018 at 09:27

My pleasure 🙂

Regards

#199212 Copied
Viewing 8 results - 1 through 8 (of 8 total)