Klaviyo Pop-up Button is transparent in the product page

[camila-miranda]

Hi there!

I'm experiencing an issue with the a Pop-Up form  from Klaviyo on my website.

The Pop-up appears correctly on most pages, but when it pops up on the product page, the "SIGN UP NOW!" button becomes invisible. Although the button exists and changes color when hovered over, it's not visible by default.

This issue seems to be isolated to the product page, as the form displays perfectly on all other pages. I've attached screenshots for reference: one showing the correct appearance on a random page (image on the left) and another from the product page where the issue occurs (image on the right).

 

I contacted Klaviyo support but they said I need to contact the shopify developer. The pointed that the issue is in here:

I tried to look where that .css file is on my theme but I couldn't find it. So I haven't been able to resolve this on my own. Could someone please help me fix the problem?

You can view the product page here:
https://quintaskin.com/products/green-guardian-barrier-repair-moisturizer

Thank you in advance for your help!

[niraj_patel · Accepted solution]

Hello @camila-miranda 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.needsclick.go464991406.kl-private-reset-css-Xuajs1 {
     background: #3b3fb6 !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[camila-miranda]

THANK YOU! YOU ARE THE BEST