replace black google pay button with white

Store Design
1

Hi,

I use google pay as a checkout option (when available) on my site, however due to using navy font, you cannot read the wording on the standard black background.

Would someone be able to help me change the font to white just specifically on the google pay button?

thanks

2

Hi @mbhlg ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

I have found this google doc on how to change, please could someone help me know where to place this in my site?

https://developers.google.com/pay/api/web/guides/resources/customize

4

Hi @mbhlg ,

I’m sorry, I can’t see that button so I can’t help you. I have seen a button at checkout like the one you sent. Try this css in theme.css file:

.product-form__item > div button {
    color: #fff !important;
}

Hope it can help you

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

thanks @AvadaCommerce

Appreciate your help even though the button has been difficult to see!

Unfortunately this hasn’t worked and changes the ‘buy it now’ button font colour instead.

Thanks though