[alert type=»yellow» icon=»icon-lightbulb»] 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]