Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2017 at 7:56 pm #746010
    Nathan

    How do I make the circles that are color animated like on this page:
    careerhearted.com

    where it says

    ”
    60%
    Female small business owners are now surpassing male small business owners.
    ”

    I looked in the animated numbers element and there is not an option in there?

    February 12, 2017 at 7:58 pm #746011
    Nathan

    inspecting the element it say:

    “div: class=”et_pb_circle_counter container-width-change-notify et_pb_module et_pb_bg_layout_light et_pb_circle_counter_2″”

    where is that option in the element section of the advanced layout options please?

    February 12, 2017 at 8:20 pm #746019
    Nathan

    so could I use the animated number element and then I read this:

    Animated circular progress bars with jQuery

    that’s the end result I would like, yet I am novice when it comes to code

    is there quick css?

    I would like the color in the animation circle to be blue please

    February 16, 2017 at 8:59 am #747843
    Nikko

    Hi,

    Enfold doesn’t have that feature, if it’s just adding a circular border, you can just add this css code to Quick CSS (located in Enfold > General Styling):

    .avia-animated-number-title {
    border: 2px solid #888888;
    border-radius: 50%;
    padding: 15px;
}

    You can just adjust the colors and paddings as you see fit. However, it won’t have the same effect as http://careerhearted.com/

    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Nikko

    March 4, 2017 at 6:32 pm #755645
    Nathan

    That helps, I appreciate your time thanks for the support

    March 6, 2017 at 7:34 am #756186
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.