Counter

Preview Widget

Getting Started

Content

Global Layout

Icon & Text Styling

• Countdown

• Radial Progress

• Skill Bar

• Single Icon

Heading : A title text that will represent the data for the visual statistic.
Counter Value : The numeric value that you want to display for your data.
Prefix : Text that will be displayed on the left side of heading and the numeric value.
Suffix : Text that will be displayed on the right side of heading and the numeric value.
Counter Separator : The separator that you want to use for numbers that are above 999.The default value is a comma but you can use a dot or a an empty space.
Counter Decimal : The separator that you want to use for the decimals.The default value is a dot.
Icon Type : Choose if u want to use an icon, an image or none of the two..
Image/Icon : Upload an image or select an icon from our extensive icon libraries.

Element & Container Alignement : Align the numeric data next to the heading and setup the positioning of the widget container in your web page.
Animation Speed : Change the animation speed value to have full control on the running time.
Repeat Animation : Enabling this will make the animation restart every time the user scrolls back to the widget.For example, if the counter widget is at the top of the web page and the user scrolls down to the footer then scrolls back to the top, the animation will be reset.

Text Content Styling

Customize the text elements, heading, numeric value, prefix & suffix.Change the font size, letter spacing... choose from hundreds of Google font families.

-Colors & Shadows : Customize the color and add shadows for your text elements.The use of gradient colors is available for all the elements.

-Prefix & Suffix Position : Set up the prefix and suffix position next to the numeric value.The available options are top, middle, and bottom.

-Distances : Control the margins & distances between each element.

Icon Area Styling

Control everything about your icon, and change the image settings if you are using that instead.

-Icon and background size : Control the icon size and the background size to create a unique design.

-Colors : Customize the icon color scheme using either a solid or gradient color with the possibility to control the direction of the gradient.The background color can also be changed.

-Hover : Choose from over 20 hover effects and change the hover color to a solid or gradient color to create powerful your own style.

-Borders & Shadows : Control border for your icon & apply custom box shadows.

-Rotation & Margins : Rotate the icon and icon background and control the icon area margins.

Open a Ticket

Home - Widgets - Counter

More Widgets

# Getting started

Content

Layout

Styling

Get Help From Professionals

Can't find what you are looking for?

WHO ARE WE ?

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

HELPFUL LINKS

About Us

Documentation

Blog Articles

Video Tutorials

Request Support

GET INVOLVED

Feedback

Bug Report

Submit Design

Privacy Policy

Terms & Condition

FOLLOW US