How to change the color of woo commerce button

Try adding these lines to your custom.css and just change to the colors you want.

#top .primary-background, .dropcap2, div .button, input[type=”submit”], #submit, .info_text_header, .numeric_controls a:hover, .numeric_controls .active_item, .contentSlideControlls a.activeItem, #top th, #top .related_posts .contentSlideControlls a.activeItem, #top .arrow_controls a, #main .content #searchsubmit:hover, .callout a {
background-color: #333333;
}

#top .on-primary-color, #top .on-primary-color a, .dropcap2, div .button, input[type=”submit”], #submit, .info_text_header, .info_text_header a, .info_text_header a:hover, .contentSlideControlls a.activeItem, #top .related_posts .contentSlideControlls a.activeItem, .contentSlideControlls a:hover, #top .related_posts .contentSlideControlls a:hover, #top th, #top th a, a.button:hover, #top #wrap_all .sub_menu .menu > .current_page_item > a {
color: #444444;
}

“you mean i put in the theme css ,right ?”

No, go to Appearence – Editor and you should see a file custom.css at the very bottom list of files to edit. Add that code in that file after it says:

GLOBAL STYLES
—————-
Add styles beneath this line that you want to be applied across your entire site */

Good Luck

I’m no expert but I like to tinker around.

you should create a child theme. If you don’t know how there are tons of resources out there when it comes to editing style.css. it is pretty simple and straightforward actually.
I’ve learned how to create one here: Creating a Child Theme
Reason you do this is when you update your theme, you will lose all of your changes you made.

it’s the picture…

Try this in your child theme

.woocommerce a.alt.button, .woocommerce button.alt.button, .woocommerce input.alt.button, .woocommerce #respond input.alt#submit, .woocommerce #content input.alt.button, .woocommerce-page a.alt.button, .woocommerce-page button.alt.button, .woocommerce-page input.alt.button, .woocommerce-page #respond input.alt#submit, .woocommerce-page #content input.alt.button{
background:#ca0606 !important;
border-color:#ca0606 !important;
}