How can I change the Zip Pay widget background and font color?

Store Design
1

Hi

My website has a green background and I recently added the Zip Product Widget which seems to have a default white background. How can I make it transparent so that it uses the website background and also change the font from black to white. I just want it to look the same as the Afterpay widget. Please see image below. Thanks in advance.

Zip Issue Screenshot.png
Zip Issue Screenshot.png433×275 21.1 KB

1 Like
2

@Pauli

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks!

The URL is www.hydrohq.com.au

4

@Pauli

  1. Go to your code editor > Assets > styles.css or styles.css.liquid and paste the lines at the bottom of the file
#partPayCalculatorWidget {
background-color: transparent !important;
color: #fff !important;
}

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

1 Like
5

Perfect, thank you