Site logo

Archived topic

WooCommerce - How to change the add_to_cart button colour?

2 replies · Started by Sascha on January 19, 2022

Viewing posts 1–3 of 3

Hi

on this page, I have created a table to display single products including buttons inside an accordion.

Now I want to change the button colours, but cannot find any relevant settings in Customizer, I can only modify a few WC-colours there.

Can you help me with this?

Thank you in advance and kind regards,
Sascha

Obviously, I can only change the colour via CSS, correct?

In this case, I have added the code via Customizer CSS:

.foo-table .nt_button_woo, .foo-table .nt_woo_view_cart
{
background-color:#E7981F;	
}

So the colour seems to be defined via the NinjaTable plugin, but not by WooCommerce. Is this the reason, why there are not parameters in Customizer > WooCommerce > Colors?

Hi Sascha,

As the buttons are added by a 3rd party plugin, GP has no control over it.

I would suggest to see if there's a color setting within the plugin first, if there's not, try this CSS:

a.nt_add_to_cart_668.nt_button.nt_button_woo.single_add_to_cart_button.button.alt.wc_product_simple {
    color: red;
    background-color: blue;
}
This archived topic is closed to new replies.