Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

I want to add '+' or '%' after numbers in 'Animated Number' add-on

Featured Lock Resolved Task
Hi

Can you PLEASE make it possible to add '+' or '%' after the numbers when using the 'Animated Number' add-on in SP Pagebuilder PRO.

Warm Regards, David

7 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes you have to use custom CSS,
I suggest to use


.sppb-animated-number::after {content:" %";}

Attachments (1)

  • percent.png
    percent.png 13.6 KB

David Gough

More than a month ago #Permalink
Hi
Thanks for that.
However, I don't want the symbol to appear with every number.
I tried to add the code to the custom CSS for the one instance of animated number, but for some reason the code became truncated to:


.sppb-animated-number::after {content:


I may have got this wrong and should be creating a css class that I need to refer to, but I'm not exactly sure how to do this so would appreciate some help. :(

Regards, David

Paul Frankowski - Staff

More than a month ago #Permalink
To use only in selected : In that case you have to add custom class name inside selected addon only.


.percent .sppb-animated-number::after {content:" %";}


-----
It shouldn't be cut off I tested many times, in that case add into custom.css file, so firewall will not touch it. Copy code 1:1 !!

Attachments (2)

  • 1.png
    1.png 9.7 KB
  • 03.png
    03.png 12.5 KB

David Gough

More than a month ago #Permalink
Thanks Paul - that works perfectly :D

I also added


.plus .sppb-animated-number::after {content:" +";}


Great support once again.

Regards, David

Carlos Quintero

More than a month ago #Permalink
This code doesn't work with 3.4.10 and joomla 3.9.6 Any ideas?

Paul Frankowski - Staff

More than a month ago #Permalink
@Carol
It still all works perfect, but probably you forget to use "plus" class name inside addon

Attachments (3)

  • plus.png
    plus.png 3.1 KB
  • plus-css.png
    plus-css.png 4.2 KB
  • plus-after.png
    plus-after.png 3.7 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 125
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 22
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289688

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us