How to round the corners of a pop up?

How To
1

How do you round the corners of a pop up?

My pop up starts with a section, and i can apply radius to that. But I always have a rectangular popup with sharp corners. Is it even possible?

PopUptemplate
PopUptemplate1237×590 37.3 KB

2

Found the answer … you need to go to the Popup settings ( under Template settings )
Not very intuitive.

Raises another question: How do I apply a class to the Popup settings so I can set all my popups with the same styles?

3

It looks like if you add a theme style, there is a Popup entry to make the styles there and then you get all those settings each time you make a Popup template.

theme style popup
theme style popup1724×1183 129 KB

4

Then you can assign classes to the elements you put on the popup.

5

Ah ha! Many thanks.

Would still be nice to be able to apply a class to the entire popup, not just the elements. Would let me have multiple popup styles without resorting to creating multiple theme styles.

6

Hi @alanj - Check this article out. I’ve been exploring a similar solution and stumbled on this - Solved: Add Custom Class to Popup - #3 by mizzinc

Might help :wink:

7

Thanks.
Looks good for one or two popups but less so for many. It would mean editing snippets and adding each popups ID, so bad for maintenance.

Guess I need to add a feature request/Idea to get a class addable at the popup level.