Round popup instead of square

  • 5 January 2020
  • 2 replies
  • 22 views

I am wanting to set up a popup but I want it to be round instead of a square (the background image is round). How do I do this? Right now it keeps showing a square background with my round image on top.

I want it to look like this example on Groupon:


2 replies

Userlevel 5
Badge +2

Hi @benclark33!

  1. While in the popup builder, with your section selected, you can edit the corner radius in the Properties tab to make it round.
  2. Next, on the page properties tab, you will need to set the Opacity to zero under the Background Properties section

It should look something like this:

Now, when you preview this - you will still see a shadow from where the square box was. To get rid of this, you will need to go to the page this popup will be displayed on and add this little snippet to a Stylesheet:

<style>
.ub-emb-overlay .ub-emb-iframe-wrapper .ub-emb-iframe {
box-shadow: none !important;
}
</style>

Hope this helps!

Userlevel 7
Badge +1

@Caroline you gem 💎

Reply