Looking for a custom code for removing Pop up close button

  • 29 January 2018
  • 10 replies
  • 190 views

Badge

Hi,

Has somebody tried removing the close button over Pop up?

I want to use it for a gated content, like a normal lead gen stuff, but as an overlay to the page from the start of page upload.

Thanks,
Dinesh


10 replies

Userlevel 7
Badge +4

Hi Dinesh,


Can you explain your use case a bit more? Curious if you’ve considered just creating a normal page with a form, that redirects to your gated content page upon submission? Is there a reason you want to do it as a popup instead?

Badge

Hi Nicholas,


Thanks for getting on it.


I thought in a way that the report is opened in the background, but in order to access it (one cannot scroll it up and down, due to the pop up), you need to fill in compulsory form, like we do with any regular lead gen stuff.


Its just making the preposition a little more attractive.

Hey guys!


I was wondering if you found a solution to achieve what you wanted to… I have “similar” situation at the moment : we’d like to display a popup for visitors from European countries to our US and Australian websites : the idea is to invite them to visit the European versions of the website (GDPR stuff…).


But here’s the trick, i’d like to prevent people seeing that (finely targeted) popup from being able to close it… Is it at all possible?


Thanks,

Alex

Userlevel 6
Badge +4

Hi @dineshpal 🙂


I was looking for a solution to this myself the other day. Another scenario where this is very useful is if you want to add a stickybar as navigation to a page.


Anyways - here is the code you need to insert on the popup AND the page(s) where you are running it.


<style>

.ub-emb-bar .ub-emb-close {
display: none !important;
}

</style>

Hope this helps 🤓

hmm i just tried adding this to the stylesheet of the page and to the stylesheet on the popup and the X button still appears. however I this is not a sticky bar it is a popup so maybe the .ub-emb-bar needs to be changed for a popup. I got it to work by placing the code below within style tag on the stylesheet of the page and on the popup. Thank you for the guidance!


.ub-emb-iframe-wrapper .ub-emb-close {

display: none !important;

}

I tried this script and its not working. I put in the stylesheet of the popup and the page as instructed and that didnt work.

Hi there gowons!, If you have a link to your page I can help you debug this issue with your page.

doesn’t work for me 😦

Hey @Mich_Cam,


Sorry to hear that you’re having some trouble with this. Could you share the published URL of your page in a reply back to me? Happy to take a look and see what the issue could be.

Ran into the same issue. Pieced it all together. Try this just on your page that the pop up is to show up on:


<style>

.ub-emb-iframe-wrapper .ub-emb-close {
visibility: hidden;
}

</style>

Reply