Counter
General settings
General
| Setting | Description |
|---|---|
| Counter Style | Defines the visual look of the counter:
|
| Layout | Only visible when Counter Style is Default. Controls the orientation of the number and title:
|
| Space Between | Sets the vertical space (gap) between the number and the title text, measured in pixels (px) (Range: 0px to 50px). |
Counter
| Setting | Description |
|---|---|
| Starting number | The number from which the animation begins (Default is 0). |
| Ending Number | The final value the counter will animate up to (Default is 100). |
| Animation Duration | Sets the duration of the counting animation in milliseconds (e.g., 2000 ms = 2 seconds). |
| Stroke Color | Sets the color of the counter's animation stroke (e.g., the progress line in the circle style). |
| Background Color | Only visible when Counter Style is Circle. Sets the background color of the circle indicator. |
| Indicator Color | Only visible when Counter Style is Circle. Sets the color of the static indicator background within the circle. |
| Typography | Selects the size/style preset for the counting number. Options include: Paragraph or various Heading sizes (H1 to H6). Edit presets in theme settings. |
| Number Alignment | Only visible when Layout is Default. Controls the horizontal alignment of the number: Left, Center (Default), or Right. |
| Number Position | Only visible when Layout is Default. Determines whether the number appears Before Title (Default) or After Title. |
Title
| Setting | Description |
|---|---|
| Text | The title or label associated with the counter (e.g., "Performance," "Customers"). |
| Typography | Selects the size/style preset for the title text. Options include: Paragraph or various Heading sizes (H1 to H6). Edit presets in theme settings. |
| Text Color | Sets the color for the title text. |
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