Editor Settings - Size (Counter Block)
The Size settings appear when you add a Counter Block to your popup. These controls allow you to adjust the appearance and layout of the counter by defining its dimensions, spacing, and visual balance within the design.
Options
- Number
Sets the main size of the counter digits in pixels. Increasing this value makes the counter numbers larger, while decreasing it makes them smaller.
- Example: Setting the Number to
90pxmakes the digits appear prominently in the popup.
- Unit
Defines the size of the labels or units (e.g., “Days,” “Hours,” “Minutes,” “Seconds”) displayed below or beside the counter numbers.
- Example: Setting the Unit to
25pxensures the labels are clearly visible but smaller than the digits.
- Spacing
Controls the space between each counter section (for example, between “Days” and “Hours”). Adjusting this helps maintain a clean and evenly distributed layout.
- Example: A Spacing value of
12pxadds a small gap between each counter element.
Usage Example
Use the Size controls when you want to:
- Adjust the counter’s overall prominence within the popup.
- Make the countdown easily readable on both desktop and mobile devices.
- Fine-tune spacing for visual balance between counter segments.
The Size settings in the Counter Block help you customize how your countdown appears — from the number size to the spacing between each segment. By adjusting these values, you can create a visually appealing timer that captures attention and matches your popup’s design style.
Learn how to adjust the Close Button Position to control its exact placement within your popup design: Editor Settings - Position (Close Button)