My google pay and shop pay buttons have a white block over their icons

[iruleoverall]

I can't remember if my shop had this feature when I first started customizing it, but my shop pay and google pay icons both have a white block over its icons during product view, as well as in view cart.

At first I though it was because my store was password protected but that wasn't the issue, I also thought that maybe I wasn't eligible for shop pay or google pay, but after removing the password (or even not removing it) I was able to attempt to purchase the item(s) via both payment methods.

I've looked for answers on multiple occasions, any help would be great.

[Moeed]

Hey @iruleoverall 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[iruleoverall]

The url is https://www.roomforimprovement.us/, and the password is FM24. (don't mind the stand in photos, the website is still a WIP)

[Moeed · Accepted solution]

Hey @iruleoverall 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.focus-none span {
    background: transparent !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[iruleoverall]

Worked perfectly, thank you for your help

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.