Dark Overlay After Removing Subscription Popup

[BTJE]

Hi Everyone,

We recently moved to Klaviyo for our email subscription system and removed our old "Sign Up" popup from our homepage. That original popup used Shopify's native design. When removing the popup code from the theme.liquid, it left a dark overlay that was originally used to make the popup "pop" more.

We did the same thing on the US version of our website and the solution was to use the following code under Online Store > Customize > Settings > Custom CSS:

#fvpp-blackout {
opacity: 0 !important;
}

This fix is not working on the Canadian version of our website. Any ideas would be appreciated!

https://www.jessem.ca

[BTJE]

I've attached 2 photos for context.

[BTJE · Accepted solution]

I found a line of code that was causing the overlay and removing it worked. That's my fix for now.

[PageFly-Oliver]

Hi @BTJE ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
.fvpp-blackout{display:none !important}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[BTJE]

Unfortunately it did not work.