Return to previous page

How to change the buy button color globally to red

This topic has 5 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Rose Tyler

aurangzebaa

Participant

December 1, 2021 at 11:40

how to change buy button color to red globally like in checkout page

also tell how to change add to cart button color too

#310483 Copied Theme version: 8.0.10

4 Answers
Rose Tyler

Support staff

December 1, 2021 at 11:49
Hello,
```
.et-single-buy-now.single_add_to_cart_button.button {
    background-color: red !important;
}
.et-single-buy-now.single_add_to_cart_button.button:hover {
    background-color: #222 !important;
}
```
Theme options > Styling > colors of buttons

Regards
#310486 Copied
aurangzebaa

Participant

December 1, 2021 at 11:52

pls answer my previous queries too. A lot of them has piled up and you haven’t answered those. Kindly respond to them too.

#310487 Copied

aurangzebaa

Participant

December 1, 2021 at 12:14

pls tell when i hover it should also show red not green

#310491 Copied

Rose Tyler

Support staff

December 1, 2021 at 13:23

Reply times can vary from time to time and be up to 24 hours Monday – Friday and up to 48 hours on weekends, Sat-Sun. But is usually faster than that.

Hover color https://prnt.sc/218qd7o

Regards

#310515 Copied
Tagged: best selling, buy button, change color, globally, themes, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘how to change the buy button color globally to red’' has been successfully resolved, and the topic is now closed for further responses

How to change the buy button color globally to red

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection