Site logo

Archived topic

woocommerce update cart button

3 replies · Started by Jacob on June 13, 2018

Viewing posts 1–4 of 4

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

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

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

You're welcome Kobi, glad to be of assistance Woo can be a tricky bugger at times ;)

This archived topic is closed to new replies.