Change Button Text Colour

Hi,

I am using Airi for an e-commerce website (www.scriptcast.co.uk) with Woocommerce and I have an issue with one of the buttons. When i add a product to the cart and press to update the shipping address, the ‘Update’ button has a dark grey coloured text which makes it really hard to read, but I don’t know how to change the colour of this one button. Can you assist?

Hello,

I couldn’t recreate this issue on your website, is the issue still actual?

Kind Regards, Roman.
aThemes Support

Hi Roman,

Yes i can still see it. I tried clearing my browsing history, also tried in incognito mode, on mobile, and on different browser. All show the ‘Update’ button with dark grey coloured text which is impossible to read.

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.woocommerce button.button {
    color: white;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman,

This did change the text colour but when you hover over the button, it goes gray again. Can we keep the white on hover too?

Many thanks,

Natali Barbova

Okay Natali, try to add this CSS code instead:

.woocommerce button.button,
.woocommerce button.button:hover {
    color: #fff;
}

Kind Regards, Roman.
aThemes Support

That works perfectly!

Thanks,

Natali Barbova

Great! You are welcome Natali :slight_smile:

Kind Regards, Roman.
aThemes Support