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 ShapesCounter 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 / placed before and/or after the animating numbers. In the following example unit is set after the animated 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, but it can be set both ways i.e. UP or DOWN. Below is an example of counting upwards.
100%
BravioReduces 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 Bravio - 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 IconsYou 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 TransparencyYou 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 SettingsYou can set background color, background transparency, symbol color, value color, description color, border color and icon color individually. Bravio 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 ModuleCounter 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.
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 ThemeImprove quality of your website by using its powerful features.