Counter
General settings
General
Counter Style
Defines the visual look of the counter:
Default (Minimalist display)
Circle (Default — displays the number within a circle/progress indicator).
Layout
Only visible when Counter Style is Default. Controls the orientation of the number and title:
Vertical (Number above title, default)
Horizontal (Number next to title).
Space Between
Sets the vertical space (gap) between the number and the title text, measured in pixels (px) (Range: 0px to 50px).
Counter
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
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.
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).
Last updated