Popup link
The Popup Link block allows you to create a clickable element that opens a modal window (popup) or a side drawer instead of navigating to a new URL. The content inside the popup is built using nested blocks.
.png)
.png)
General settings
| Setting | Description |
|---|---|
| Inherit Color Scheme | A checkbox that, when enabled (Default), uses the color scheme from the parent section for the link element. |
| Colors | Only visible when Inherit Color Scheme is disabled. Allows you to manually select a specific Color Scheme for the link element. |
| Button Type | Defines the visual style of the clickable element:
|
| Text | The label or text content displayed for the link/button (Default is "Learn more").Font Size |
| Font Size | Sets the size of the link text:
|
| Icon Type | Selects the graphical element displayed next to the text:
|
| Image | Only visible when Icon Type is Image. Upload a custom image or logo to use as the icon. |
| Icon Size | Sets the size of the icon/image element, measured in pixels (px) (Range: 0px to 50px). |
| Gap | Sets the horizontal space between the link text and the icon/image, measured in pixels (px) (Range: 0px to 50px). |
Popup style
| Setting | Description |
|---|---|
| Inherit Color Scheme | A checkbox that, when enabled (Default), uses the color scheme from the parent section for the popup/drawer container. |
| Colors | Only visible when Inherit Color Scheme is disabled. Allows you to manually select a specific Color Scheme for the popup/drawer container. |
| Popup Type | Defines the container style when activated: Popup (Modal window) or Drawer (Side panel). |
| Popup Width | Sets the maximum width of the popup/drawer container, measured in pixels (px) (Range: 300px to 1600px). |
| Corner Radius | Controls the rounding of the popup/drawer corners. Options include:
|
| Custom Radius | Only visible when Corner Radius is Custom. Sets the custom corner radius for the popup container, measured in pixels (px) (Range: 0px to 50px). |
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
| Setting | Description |
|---|---|
| Top | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| Bottom | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |
No comments yet