Border Highlighter

Border highlighter (double border) is turned off by default, by setting is on (dborder=”1″), it shows on top right and bottom left corer. Below is default example, only color is changed.
0+ COMPLETED PROJECTS

Inside the Box

You can set the border highlighter position in values i.e. dborder_position=”” if you set a simple integer value dborder_position=”2″ it will be shown within the border of the counter box.
USD0 PROJECTS REVENUE

Outside the Box

You can set the border highlighter position in values i.e. dborder_position=””, but if you set a negative value dborder_position=”-2″ it will be shown above the border of actual counter box.
USD0 PROJECTS REVENUE

Inspiration

Border highlighter (double border) is turned off by default, by setting is on (dborder=”1″), it shows on top right and bottom left corer. Below is default example, only color is changed.
0% GROWTH PROJECTION
Stylish Counter Box Shapes
5 Different Shapes
Counter Boxes are truly made with love, giving you tons of options to make stylish buttons according to latest web trends with pure CSS.
They are cross browser and look awesome on all major browsers.
0
0
0
0
0

Unit After

Unit / Symbol can be adjusted before and after the animating numbers. In the following example unit is set after the numbers.
0+ COMPLETED PROJECTS

Unit Before

Unit / Symbol can be adjusted before and after the animating numbers. In the following example unit is set before the numbers.
USD0 PROJECTS REVENUE

Unit Color

Unit / Symbol can be adjusted before and after the animating numbers and set its color. In the following example unit has different color.
0% GROWTH PROJECTION

Counting Downwards

By default the counter boxes count value starting from 0. Below is an example of counting upwards.
100% Alona Reduces Development Cost

Counting Upwards

By default the counter boxes count value starting from 0. By setting value_down, it counts down starting from value.
0% Without Alona - Development Cost

Border Adjustment

Border width can be adjusted to any number or completely removed. We have set border to 5 in the following example.
0+ COMPLETED PROJECTS

Value Font Size

You can adjust the font-size of the counting numbers, by default its set to 39px, below we have set it to 25.
USD0 PROJECTS REVENUE

Value Text Color

Counterbox is very flexible, you may have different value colors for each box, below is an example of changing the color.
USD0 PROJECTS REVENUE

Custom Padding

Changing font size or removing short description effects height, but you can set custom top / bottom padding.
0%

Background Colors & Gradients

You may set a solid background color and/or a gradient start from top-bottom or let/right. Below are a few examples of setting background colors.

0 Solid Color Example 1

0 Solid Color Example 2

0 Gradient Example 1

0 Gradient Example 2
Font Awesome Icons
You can set font awesome icons, set its positions (before / after / top) and change it color.
0% Mobile Users Growth
0 Today's Laptop Users
0 The Tablet Users
0 Community Members

0 Bugs Fixes Update

0 Today's Laptop Users

0 The Tablet Users
Background Transparency
You can set background transparency with combination of any styles.
0% Mobile Users Growth
0 Today's Laptop Users
0 Global Tablet Users
0 Community Members
Shape, Border & Color Settings
You can set background color, background transparency, symbol color, value color, description color, border color and icon color individually. Alona counter boxes comes with 5 different shapes, default is set oto flat in above examples, other shapes are pill, round, skew and shield.
0% Mobile Users Growth
0 Today's Laptop Users
0 Global Tablet Users
0 Community Members
Animations Module

Counter Boxes shortcode works perfectly with Animate.css plugin.
There are hundreds of predefined animations you can choose from, set delay, animation type and appearance time for individual counter box.

0 LOYAL CUSTOMERS
0 COMPLETED PROJECTS
0 DEVELOPEMENT HOURS
0 FORUM THREADS
Scalable Multipurpose Theme Improve quality of your website by using its powerful features.