Remove shadow on Popup iframe


#1

Can someone help me with removing the shadow from the Popup on this page (shows when user goes to exit the page) – http://clearmark.io/

I’ve made the background transparent, but cannot seem to get that box-shadow removed – this is the CSS I’m using:

<style>
#lp-pom-root {
   background: transparent !important;
 }
  
.ub-emb-overlay .ub-emb-iframe-wrapper .ub-emb-iframe {
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
 }
 
</style>

#2

Hi Zoe,

I’m certainly no CSS expert, but have you tried using box-shadow: none

And also placing the CSS on the page itself, instead of within the popup?

So on the underying page, you’d have:

<style>
#lp-pom-root {
   background: transparent !important;
 }
  
.ub-emb-overlay .ub-emb-iframe-wrapper .ub-emb-iframe {
  box-shadow: none !important;
 }
 
</style>

#3

I am no CSS expert either haha!

Sorry I should have clarified, yes I tried using ‘none !important’ - that didn’t work either.

BUT putting it on the main page had worked, thank you! :smiley:


#4

Awesome! The popup looks great by the way. I wish the transparent background was a built-in feature. It really makes the ebook image it stand out.


#5

Thanks! I think I’ll lighten it up a bit now I’ve seen it on her website though.

The transparent background is handy for making things POP :smiley: