We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

123

Templates

328122

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