Popup

Popup Design Configuration

The Design tab provides separate styling controls to ensure both the Modal and Sidebar layouts match your website’s branding.

1. Background Color
   • Function: Select the specific color for the background of the popup or sidebar.
2. Padding
   • Function: Adjust the inner spacing (in pixels) between the content and the edges of the window.
   • Range: Adjustable from 0px to 60px.
3. Border Radius
   • Function: Controls how rounded the corners of the window appear.
   • Range: Adjustable from 0px to 50px (higher values create more rounded corners).
4. Popup Width (Modal Only)
   • Function: Sets the horizontal width of the window specifically when View Type is set to Modal.
   • Range: Adjustable from 600px to 1400px.
5. Sidebar Width (Sidebar Only)
   • Function: Defines the maximum width of the sliding panel when View Type is set to Sidebar.
   • Range: Adjustable from 300px to 800px.
6. Overlay Color
   • Function: Choose the color of the background layer that covers the rest of the site when the window is open.
7. Overlay Opacity
   • Function: Controls the transparency level of the background overlay.
   • Range: Adjustable from 0% (fully transparent) to 100% (solid color).
8. Close Button Color
   • Function: Customize the color of the “X” button used to close the window.
9. Close Button Size
   • Function: Change the physical size of the close button icon in pixels.
   • Range: Adjustable from 16px to 48px.