Skip to main content

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>

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>

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! 😃

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.

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 😃

Reply


Terms & ConditionsCookie settings