+3
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>
+4
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! 😃
+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.
+3
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 😃
No account yet? Create an account
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.