Dark Overlay After Removing Subscription Popup

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

I’ve attached 2 photos for context.

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


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Unfortunately it did not work.

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