Circle counter module - adjust thickness?

This was from years ago, but in case someone else lands here and was as frustrated as I was to find a fix... this is the most Elegant solution (pun intended). No idea why this couldn't be baked in... but let's move on...

First thing I do is add a 'code' module to the space I want my circle counter. In that code module, paste this:


<script type="text/javascript">

(function($) {

$(document).ready(function() {



window.et_pb_circle_counter_init = function($the_counter, animate) {

if ( 0 === $the_counter.width() ) {

return;

}



$the_counter.easyPieChart({

animate: {

duration: 1800,

enabled: true

},

size: 0 !== $the_counter.width() ? $the_counter.width() : 10,

barColor: $the_counter.data( 'bar-bg-color' ),

trackColor: $the_counter.data( 'color' ) || '#123123', //Change color of the background

trackAlpha: $the_counter.data( 'alpha' ) || '1',

scaleColor: false,

lineWidth: 13, //Change thickness of the circle

onStart: function() {

$(this.el).find('.percent p').css({ 'visibility' : 'visible' });

},

onStep: function(from, to, percent) {

$(this.el).find('.percent-value').text( Math.round( parseInt( percent ) ) );

},

onStop: function(from, to) {

$(this.el).find('.percent-value').text( $(this.el).data('number-value') );

}

});

}

$et_pb_circle_counter = $( '.et_pb_circle_counter .et_pb_circle_counter_inner' );



if ( $et_pb_circle_counter.length) {

$( '.et_pb_circle_counter' ).each(function(){

window.et_pb_circle_counter_init($(this).find('.et_pb_circle_counter_inner'));

});

}

});

})(jQuery)

</script>

Then you just change the lineWidth parameter, which is currently lucky number 13. Otherwise, you can style and modify the circle counter to your heart's content in its respective modules.

Cheers!