Support Forums

Support Offline : 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

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
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
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
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)



Total Accepted Answers: 121
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 112


Total Accepted Answers: 82
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5


Total Accepted Answers: 2




Community Users


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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us