How to change woocommerce buttons colour

Support
#1

Hi!
I need to change the woocommerce buttons colour.
Do I need to change CSS ?
could you give the code for this?
thanks!

#2

Hi There @virginiabonora

Thanks for writing in! To change default button colors, please head over to X -> Theme Options -> Buttons area.

Hope that helps.

#3

Thanks
But I need to change Woocommerce buttons coulors
I’ve seen in anothers chats here that it is necessary to make change in the css style code
I need that code, I think

#4

Hi @virginiabonora,

You mean you wish to change its styling different from other buttons from your site? That’s the correct place to change the color of all buttons including Woocommerce buttons.

But if you intend to change the color of the buttons of that product page, then please add this CSS to your global custom CSS with your preferred color.

.single-product [type="submit"] {
    color: #fff;
    border-color: rgb(0,0,0);
    background-color: rgb(101,45,6);
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    box-shadow: 0 0.25em 0 0 rgb(140,18,18), 0 4px 9px rgba(0,0,0,0.75);
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px;
}

.single-product [type="submit"]:hover {
    color: #fff;
    border-color: #2d4663;
    background-color: #2d4663;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    box-shadow: 0 0.25em 0 0 #0e6d64, 0 4px 9px rgba(0,0,0,0.75);
}

Thanks!

1 Like
#5

Thanks a lot!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.