How to animate?

Hi there,

In order to use default animations, you do not need to touch the CSS.

You just need to add the pre-defined class to an element. Depending on your theme, there should be an area to add a class to an element. If you’re using elementor, there is a helpful guide here.

https://themes.artbees.net/docs/assigning-an-id-or-class-to-an-element-in-elementor/

If you’re using another theme then you’ll probably need to google to find the area to input the class.

Once you have found it, you literally just need to add the class youve chosen (e.g fade-in) and then the animations will apply based on your configurations in the settings tab.

Activating elements is for Advanced animations only which is a separate way of animating and completely independent from default animations.

I hope that clears things up a little.

Any questions feel free to fire away.
Aaron

• This reply was modified 4 years, 6 months ago by Toast Plugins.

Hi,

Please help!
I am struggling to get the animation to work.
Pelase help with:
“You just need to add the pre-defined class to an element.” I use Elementor and are not sure what to add to the CSS ID id and what to add to the CSS class?

Please can you help!

Hi there,

If you’re running the free version. You can simply add any of the predefined classes below to the CSS Class.

move-in-up, left, right, down
fade-in-up, left, right, down
flip-up, left, right, down
bounce-in-up, left, right, down

For example if I wanted an element to fade in from the top. I would simply add fade-in-down to the input area.

Hope that helps!

Hi,

How do I put the class in?

Do I just open the code editor, find the object I want to animate, and then type in ” class=”fade-in” “?

Thanks

Hi Scarlet,

Apologies for the delayed response. I missed the notification when this came through.

You’ve probably got to grips with things now but yes, the class can be added like this.

Many thanks
Aaron