Solved

Dark Overlay After Removing Subscription Popup

BTJE
Shopify Partner
8 1 0

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

Accepted Solution (1)
BTJE
Shopify Partner
8 1 0

This is an accepted solution.

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

View solution in original post

Replies 4 (4)

BTJE
Shopify Partner
8 1 0

I've attached 2 photos for context.JessEm Website Dark Overlay.jpgScreenshot 2024-01-10 143749.png

BTJE
Shopify Partner
8 1 0

This is an 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
Globetrotter
717 142 134

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BTJE
Shopify Partner
8 1 0

Unfortunately it did not work.