Counter

Counter Style

Defines the visual look of the counter:
• Default (Minimalist display)
• Circle (Default — displays the number within a circle/progress indicator).

Space Between

Sets the vertical space (gap) between the number and the title text, measured in pixels (px) (Range: 0px to 50px).

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).

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.

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.

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.

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.

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).