1. Christian
  2. SP Page Builder 2.x (not supported version)
  3. Wednesday, 18 January 2017
I want to use circle around the animated numbers instead the square ?
Accepted Answer
Accepted Answer Pending Moderation
but we are close, right. Now small make up.


#sppb-addon-1484818677602,
#sppb-addon-1484819066497,
#sppb-addon-1484819066500 {
height: 280px;
}
Responses (27)
Accepted Answer Pending Moderation
hi,
you have to use custom css, with border-radius.
For example:

.sppb-addon-animated-number .sppb-addon-content {
border-radius: 50%; }

here
Attachments (1)
Accepted Answer Pending Moderation
Inserted this code in templatcostum css. its not showing :(
Attachments (1)
Accepted Answer Pending Moderation
Because I had to guess... that's why I have written "for example" by first time ;)
Show me your subpage URL and will be easier for me, ok. Danke.
Accepted Answer Pending Moderation
Because I had to guess... that's why I have written "for example" by first time ;)
Show me your subpage URL and will be easier for me, ok. Danke.


Willst Du den Admin link haben ?
http://eurotape.argossa.de/

ist der zweite von rechts, der ohne border ist. beim linken habe ich mit border gearbeitet
Accepted Answer Pending Moderation
Thanks Chris,
first before I forget, update you SP Page Builder I guess you have still old version with small bug (space between rows),
but sure it can be fixed anyway

#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section {
margin-top: 0;}
Attachments (1)
Accepted Answer Pending Moderation
About 2nd animated number but you can add border and background and border-radius from addon settings like you did for 1st - so what exactly you need from me.
Accepted Answer Pending Moderation
To get real circle (screenshot) for 1st object use border-radius with value: 280px
and following CSS code:

#sppb-addon-1484323614788 {height: 280px; line-height: 180px;}


for second add this same settings in addon area and

#sppb-addon-1484323614791{height: 280px; line-height: 180px; }
Attachments (1)
Accepted Answer Pending Moderation
OK, updated PB Component, first circle its looking well now.
I Copied the first an inserted it in the secon - fourth column, but its not a circle
Attachments (1)
Accepted Answer Pending Moderation
Great, but with 1484818677602 it something wrong
So i have only replace die Addon "Number"
Accepted Answer Pending Moderation
Are you sure that you added
#sppb-addon-1484818677602 { height: 280px; }
Accepted Answer Pending Moderation
Accepted Answer Pending Moderation
you forgot to add comma (Komma) after first line (!) ....788,
Accepted Answer Pending Moderation
Alles klar, funzt. Danke

By the Way - nice Tool . Think i will user later a developer Membership
Accepted Answer Pending Moderation
happy to hear it. Have a nice day.
I guess we can close that topic.
Accepted Answer Pending Moderation
yes, please close
Accepted Answer Pending Moderation
One last Question:

is it possible to get the format: 20.000 instead 20000 ?
Accepted Answer Pending Moderation
Only if you are PHP skilled.
But probably using CSS tricks can be done, not easy but ... ;)


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.