Animated Number

5 years, 9 months ago ajapainting
Member

<span style=”display: inline !important; float: none; background-color: #fafafa; color: #666666; font-family: ‘Helvetica Neue’,Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1.5; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;”>It’s possible use percent numbers (ex: 100%)?
5 years, 9 months ago ram
Keymaster
Hi.,

Get into the file path /wp-content/plugins/buddhathemes-core-features/shortcodes/js/ at line number 301 ( Approx ) modify the code like the screenshot ,

Ref :

http://prntscr.com/me2wir

Code :
```
//Animate Number... 
$('.dt-sc-num-count').each(function(){ $(this).one('inview', function (event, visible) { if(visible === true) { var val = $(this).attr('data-value');
 var percent_number_step = $.animateNumber.numberStepFactories.append(' %');
 $(this).animateNumber({ number: val,numberStep: percent_number_step }, 2000);
 }
 });
});
```
5 years, 9 months ago ajapainting
Member

Would not this be configurable in the element?

5 years, 9 months ago ajapainting
Member

Because this will be lost when updating the theme files. Or I might want a page that is not percentage. Changing the element code, I do this fixed and unique …

5 years, 9 months ago ram
Keymaster

Hi.,

Sorry you can’t add the percentage separately .

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Support Forums

Working Hours

Monday to Friday

Quick Links

Search