[Resolved] woocommerce update cart button

[Jacob]

Hi Guys
I need help changing the button (update cart)
The background color, the text color
Option to change both text color and background, in mouseover
Thank you very much for the helpers

[David]

Hi there,

the update cart button inherits the GP Button colors set in the Customiser.

If you want to change that specifically then you can do this:

.woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents button[name='update_cart'] {
background-color: #222;
color: #fff;
}

.woocommerce .woocommerce-cart-form .woocommerce-cart-form__contents button[name='update_cart']:hover {
background-color: #f6f7f8;
color: #222;
}

By default the button has a reduced Opacity setting until an update is made. If you want to change this then just add an opacity: 1; property to the first rule

[Jacob]

Hi David
Thank you very much for your help
The problem was solved in the most perfect way. Thanks!

[David]

You’re welcome Kobi, glad to be of assistance Woo can be a tricky bugger at times 😉

[Author]

Posts