How to add a drop shadow to your popup

  • Created:
  • / Author: Brinta Das

To add a drop shadow to your popup, you can use box-shadow CSS on the Widget level in the Extra CSS Styles section at the bottom:


Here is an example of box-shadow CSS you can add:
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);

This is how it will look in action:

 

You can customize your box-shadow CSS as needed. Learn more here.

IMPORTANT NOTE:  if your popup has a border-radius set on the layout, you will need to also add extra CSS to accommodate that.

In the same Extra CSS Styles section, add border-radius CSS like the example below :

border-radius: 5px;

 

If you have any questions send us an email, and we’ll be glad to help!