1
AVERAGE USER RATING
SiteOrigin Counter Widget
FREE
PRIME
The SiteOrigin Counter widget animates the count between two numbers. The count is bi-directional (up and down), can be whole or decimal numbers with optional separators. Customise the display with Google fonts and apply various text modifiers.
Count Whole Numbers
The simplest implementation of the Counter widget is to count up or down in whole (integer) numbers. Set a Start Number, an End Number and trigger point for the inview scrollspy to active the count (0 is fine).
1
COUNT 1 TO 5
5
COUNT 5 TO 1
Google Font
By default the counter uses your themes font. You can use some other available Google font by setting the Font data option.
1
COUNT 1 TO 5
5
COUNT 5 TO 1
Adjusting Duration
The Duration data option determines how long the entire counting process takes in seconds. A higher duration will take longer for the count to complete.
1
1 TO 10 IN 15 SECONDS
1
1 TO 10 IN 20 SECONDS
Separators
To count numbers with a separator we need to Use Grouping. When grouping numbers set a Separator Modifier and set 0 for the decimal places.
1
USING A COMMA SEPARATOR
1
USING A COLON SEPARATOR
Count Decimal Numbers
To count in decimal numbers you need to Use Grouping and set a Decimal separator. Next set the Decimal Places you would like to use and supply decimal based start and end numbers.
1
1 DECIMAL PLACE
1
3 DECIMAL PLACES
Modifiers
To Counter widget has access to a sub set of the global text modifiers. These modifiers work the same as all global modifiers with no Counter widget specific modifiers currently available.
1
BOLD HEADING EXTRA LARGE
1
INVERSE MODIFIER
Scroll to top