Editor Settings - Position (Close Button)

The Position settings appear when you add a Close Button to your popup. These controls allow you to fine-tune the button’s placement, ensuring it appears exactly where you want it — typically in a corner of the popup for easy access.

Options

• Distance to Top

  Adjusts how far the close button is positioned from the top edge of the popup.

  Increasing this value moves the button further downward, while decreasing it moves it closer to the top.

  Example: Setting Distance to Top to 5px     places the button slightly below the top border.

• Distance to Right

  Adjusts how far the close button is positioned from the right edge of the popup.

  Increasing this value moves the button more inward (toward the center), while decreasing it aligns it closer to the edge.

  Example: Setting Distance to Right to 5px     keeps the button close to the top-right corner — a standard and familiar position for users.

Usage Example

Use the Position controls when you want to:

• Align the close button precisely within the popup layout.
• Prevent the button from overlapping other design elements.
• Adjust the button position for different screen sizes and layouts.

The Position settings for the Close Button provide precise control over its placement within your popup. By adjusting the top and right distances, you can ensure the button remains accessible, visually balanced, and consistent with your popup’s overall design.

Learn how to organize and structure your popup layout using rows: Editor Rows