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]