Red Button Plague (WooCommerce)

[krisrogers]

I have global button styling (in wp customizer) that is somehow partially negated in all of my WooCommerce related buttons: just the background color which is Red. It also effects cornerstone buttons placed within its Cart and Checkout pages. How can I ditch the red?

[mldarshana]

Hi there,

Could you please try adding custom CSS rules for example as follows into your Customizer, Custom > CSS area. Define the color values according to your preference.

.woocommerce-cart .wc-proceed-to-checkout [class*="checkout-button button alt wc-forward"] {
    background-color: transparent;
    color: black;
}

Hope that helps.

[krisrogers]

That only changes the Proceed to Checkout button - the remaining buttons are still styled red. I need something systemic that will adopt the global styling from the rest of the website.

[ruenel]

Hello There,

You can remove the code and make use of this code instead:

.woocommerce [class*="button"] {
    background-color: transparent;
    color: black;
}

If this doesn’t help, please provide the url of your site so that we can give you a tailored css for your site.

Please let us know how it goes.