Contact Us

Contact NextSky if you need further assistance.

Counter

General settings

General

SettingDescription
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 BetweenSets the vertical space (gap) between the number and the title text, measured in pixels (px) (Range: 0px to 50px).

Counter

SettingDescription
Starting numberThe number from which the animation begins (Default is 0).
Ending NumberThe final value the counter will animate up to (Default is 100).
Animation DurationSets the duration of the counting animation in milliseconds (e.g., 2000 ms = 2 seconds).
Stroke ColorSets 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.

TypographySelects 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

SettingDescription
TextThe title or label associated with the counter (e.g., "Performance," "Customers").
TypographySelects the size/style preset for the title text. Options include: Paragraph or various Heading sizes (H1 to H6). Edit presets in theme settings.
Text ColorSets the color for the title text.

Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

SettingDescription
TopSets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px).
BottomSets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px).

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.