[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]
