Editor : How to Set the Color of Shadows on Popups

Robert Salonga

In this article, you will learn how to adjust the Color of the Shadow around your Popup. This option is helpful if you want to match the color theme of a page with the color of the Shadow around its Popup.


Prior to getting started, you will need to have the following:

  • An existing page

  • A popup

Steps to Set the Shadow Color of a Popup:

  1. At the top of the editor screen, hover over the Popups tab.

  2. Then, select Edit settings from the drop-down menu.

  3. On the right-hand menu, scroll down to Shadow, then, click the Toggle to Enable the Shadow option.

  4. On the right-hand menu, scroll down to Color, then click the Gray Horizontal Bar to open the Color Menu.

  5. The Color Menu offers different options to adjust the Color of your Shadow. The available options are the following:

    1. Color Bar. This allows you to choose the color by sliding the radio button to your preferred color.

    2. HEX Color. This allows you to manually type the Color Code that you want to use for your Shadow.

    3. ALPHA or Opacity. This allows you to adjust how Transparent you want the Shadow of your Popup.

    4. Preset Colors. These are default Colors selected by the system.

  6. Congratulations! You have now learned how to adjust the Color of the Shadow of your Popup!

If you have any questions about this, please contact our Support Team by clicking the Submit a Request button at the top right-hand corner of this page and then the Help button at the bottom left of the ClickFunnels Page.