Blog

Learn How To Add Animation with the Themify Builder

Similar to beautiful powerpoint presentations, you can also add eye-catching animation effects on various elements on your page with the Themify Builder. This is great when you want to draw attention to a call-to-action message such as a sign-up now button. Or when you want to showcase your content as users scrolls through your site. The Builder animation also works across various devices and resolutions, so you'll see it apply on both tablets and mobile.

For this video tutorial, we're going to show you how you can do add animation on both rows and modules step-by-step.

12 Comments

  1. Alex
    Oct 14, 2017 @ 19:50

    I am currently using Thrive Page builder but since they have upgraded it to Thrive Architect I am not liking it. I am considering moving out to another easy to use WordPress site builder and Themify is looking promising to me. Is there any discount going on?

    Reply

  2. banks dada
    Oct 19, 2017 @ 11:52

    Animation somewhat slows down the website in my opinion except your hosting is in the cloud. I tend to run away from sliders and most animation. Please advise

    Reply

  3. Rahul
    Oct 31, 2017 @ 05:59

    Thanks for the toutorial I was looking for this.

    Reply

  4. Ahad Arzi
    Nov 05, 2017 @ 04:57

    Useful Tutorial. By the way, I already know about the animation options. But the Call To Option is New here. Let me try that one too.

    Reply

  5. Bill Dalessi
    Apr 09, 2018 @ 02:20

    This is pretty cool. I think that adding animation really creates a nice effect.

    Reply

  6. Cole
    Jul 13, 2018 @ 16:48

    Hi there,
    How do I turn off the ” appearance animation” and “hover on animation” on a picture slider, when not wanted anymore? There isn’t a ” none” button to fall back to.
    Instructions appreciated!

    Thank you!

    Reply

    • Nick @ Themify
      Jul 16, 2018 @ 17:53

      If you select the blank option, it will remove the animation.

      Reply

  7. Ethan
    Aug 05, 2018 @ 21:53

    Hi, what if i wanted to make a module fade in and then fade out after a few seconds. How would you go about doing that.

    Reply

    • Nick @ Themify
      Aug 06, 2018 @ 02:25

      You would enter the delay (eg. if you want the animation to appearance after 1 second, just enter 1 in the delay input).

      Reply

  8. Carlos
    Feb 27, 2019 @ 23:15

    is there any option to control the speed of the animation

    Reply

    • Csaba @ Themify
      Mar 01, 2019 @ 21:42

      Hi Carlos,

      Unfortunately animation speed option we don’t have built-in, but animation speed ( if you mean animation-duration ) you can modify with Custom CSS and if you need help with Custom CSS for animation duration, please contact us via Support Email: https://themify.me/contact

      Reply

  9. trezzah
    Oct 20, 2022 @ 18:34

    Hi, I really liked Themify Animations. But i wish there is some improvent in next year maybe, to add some free animated options for element, such as interactions, moving animations, etc.

    Reply

Reply