[Resolved] Basket page Update Button colour change.

[_blank]

Basket page Update Button colour change.

Hi,

I’d like to change the update button to be same as normal buttons.
Background #5e6679
Text #ffffff
Background Hover #2b3b4e
Text Hover #ffffff

Many Thanks
Scott

[Leo]

Hi there,

Looks like it already is?

Both buttons have the same colors already as they are using the same CSS:
https://www.screencast.com/t/GqAmAxZZY0

[_blank]

Hi Leo,

It is you are right, but it changes to a faded blue and the text disappears.
Do you know how i can stop it fading?

Thanks
Scott

[Leo]

That should only happen when there are no updates being made in the cart and the button is not clickable.

[_blank]

Hi Leo,

Is the anyway to make the text more visible.
I can’t remember which settings control this button.

Many Thanks
Scott

[David]

Hi there,

Tom provides some CSS here to remove the opacity change and if need be to switch hover colors:

https://generatepress.com/forums/topic/refresh-cart-button-style/#post-1051671

[_blank]

Hi David,

I’ve added that, thanks. what i’m struggling to understand is where in the theme is controlling the text for this button is blue and background is blue.
How can I control that for:
https://www.salvesengraham.com/shop-the-collection/basket/

On this example the text goes from grey to white.
https://jennifermanners.co.uk/basket/

Thanks
Scott

[David]

Hmmm… its inheriting the body color thanks to Woo’s weird CSS.

Try this to correct that:

.woocommerce button.button:disabled[disabled] {
    color: #fff;
}

[_blank]

Hi David,

Thats sorted now. That was weird!
Thanks
Scott

[David]

Woo is weird lol
Glad to hear thats resolved.

[Author]

Posts