Addon that counts up to a targeted number when the number becomes visible.

+
Team Members
+
Years Of Experience
+
Successful Projects
+
Happy Clients
+
Years Of Experience
+
Successful Projects
+
Team Members
+
Happy Clients

Content Fields

Here is a list of common content fields for Counter add-on.

Setting Description
Start Number The number to start counting from. (default: 0)
Ending Number The number to stop counting at. (default: 100)
Plus Extra characters for number
Title Insert the counter title text, example: Cool Number

Counter Settings

Here is a list of common counter settings.

Setting Description
Title color Set color style for title
Title font size Set title font size for title
Speed The number of milliseconds it should take to finish counting. (default: 1000)
Number Color Color field for customizing the number color
Number Font Size Set the required font size for counter number.
Title Margin A collection of utility classes to add spacing between elements.

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.