NEED EXPERT SUPPORT? Contact our engineers


How to change the color of the Add to Cart button

The color of the Add to Cart button on the single product page is black by default. Since it follows the global color scheme set in the Theme Options panel, there isn’t any option to change this button specifically.

However, to get there, you can use the following bit of Custom CSS. Paste it in The Retailer > Customize > Custom Code, in the Custom CSS box:

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #8A8A8A !important;
}

It will change the color of all action buttons such as Add to Cart, Checkout, etc.