Counters

[alert type=”yellow” icon=”fa fa-lightbulb-o”] Display counter border color, border size, text size and percentage using shortcode generator [/alert]

[divider top=”40″ bottom=”20″ style=”blank”]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”2″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”2″ title=”Counter two” percentage=”25″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”2″ title=”Counter three” percentage=”15″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#f0f0f0″ fgcolor=”#EC3939″ donutwidth=”2″ title=”Counter four” percentage=”85″ fgcolor=”#EC3939″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[divider top=”40″ bottom=”20″ style=”blank”]

[column4]
[counter size=”150″ percentage=”70″ textsize=”32″ bgcolor=”#eeeeee” fgcolor=”#76daef” donutwidth=”10″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”150″ percentage=”70″ textsize=”32″ bgcolor=”#eeeeee” fgcolor=”#76daef” donutwidth=”10″ title=”Counter two” percentage=”25″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”150″ percentage=”70″ textsize=”32″ bgcolor=”#eeeeee” fgcolor=”#76daef” donutwidth=”10″ title=”Counter three” percentage=”15″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”150″ percentage=”70″ textsize=”32″ bgcolor=”#eeeeee” fgcolor=”#76daef” donutwidth=”10″ title=”Counter four” percentage=”85″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[divider top=”40″ bottom=”20″ style=”blank”]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#a6c3cb” fgcolor=”#dbb107″ donutwidth=”2″ title=”Counter one”]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#a6c3cb” fgcolor=”#dbb107″ donutwidth=”2″ title=”Counter two” percentage=”25″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#a6c3cb” fgcolor=”#dbb107″ donutwidth=”2″ title=”Counter three” percentage=”15″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

[column4 last=”yes”]
[counter size=”200″ percentage=”70″ textsize=”32″ bgcolor=”#a6c3cb” fgcolor=”#dbb107″ donutwidth=”2″ title=”Counter four” percentage=”85″]Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.[/counter]
[/column4]

Archives
Categories