TOPIC: Animating Headers, body and other parts on load

I can understand animating my posts and widgets as there are some options while creating a post or widget.
but How do I animate Headers, whole body and footer and lot other parts of my wordpress site?

Dear Yashwanth,

Each Theme is a bit different in its structure. So we cannot tell how to add the animation classes without looking at the theme first.
Could you please share your website's link here?

Generally, we'd just add the animate classes to the DIVs of header and logo to apply the animation.

I can make sure of it by looking at your website/theme.

I just understood how to customize it using a child theme and editing the files in html
If you can give any suggestions please give me cause I am new to coding
My website is www.youthrockzz.com

Yup. I see that you found the header, content etc. file and the animation is working fine.

From an overview of theme's structure, it looks like different sections are being handeled by different php files.
For instance, the Header and Navigation menu can be customized from header.php, Page titles by page-title.php and so on.

Just one suggestion, please make sure to take a backup of the files before you make the changes
Let me know if you have any other queries.

Please don't forget to rate the Plugin: https://wordpress.org/plugins/animate-it/

Hi There:

I have a similar challenge attempting to animate my header graphic using Animate It! in Joomla. I am using the beez_20 template at this url scd.org.tt
Any suggestions would be greatly appreciated.

Best regards,

Dear Richard,

Thanks a lot for using the Animate It! Plugin.

From what I see in the default Beez_20 template, you have to add the css class in the index.php of your template.
You can edit this file using any FTP client like Filezilla

The path of the file should be: scd.org.tt/templates/beez_20/index.php

Scroll down to the this line:
You can add Animated It! classes with the logoheader class.
An example would be:
Let me know if you face any problems.