Title: adding animate classes to existing div element
Last modified: August 30, 2016

---

# adding animate classes to existing div element

 *  [rezalik](https://wordpress.org/support/users/rezalik/)
 * (@rezalik)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/adding-animate-classes-to-existing-div-element/)
 * Hello
    This is a lovely plugin. thanks to developers. I want to add animation
   class to a div with existing class like this:
 *     ```
       <div class="something">
       code here
       </div>
       ```
   
 * I want this to be animated without editing the existing code in the plugin which
   creates it.
    is that possible? Many thanks
 * [https://wordpress.org/plugins/animate-it/](https://wordpress.org/plugins/animate-it/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/adding-animate-classes-to-existing-div-element/#post-6588904)
 * If the Plugin is based on short codes, then you can put short code within the
   animation block, else you can generate animation classes using [http://www.downloads.eleopard.in/class-generator-wordpress.html](http://www.downloads.eleopard.in/class-generator-wordpress.html)
   and put the classes along with other DIV classes.
 *  Thread Starter [rezalik](https://wordpress.org/support/users/rezalik/)
 * (@rezalik)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/adding-animate-classes-to-existing-div-element/#post-6588906)
 * Thanks for reply
    As I notice both of your solutions need me to add code inside
   the plugin, that is what I dont want to do. You might like adding a functionality
   to your future releases as adding animations to existing selectors with certain
   ID or class. I did it with a piece of js inserted in my footer for now, which
   is not the best way…
 * Thanks for the wonderful plugin
 * `<script type=’text/javascript’>
    var d= document.getElementsByClassName(“yarpp-
   thumbnail”); //alert(d.length); for(var i = 0; i < d.length; i++) { d[i].className
   = d[i].className + ” animated fadeInDown delay1 duration ” + i +” eds-on-scroll“;}
   </script>

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘adding animate classes to existing div element’ is closed to new replies.

 * ![](https://ps.w.org/animate-it/assets/icon-256x256.png?rev=989356)
 * [Animate It!](https://wordpress.org/plugins/animate-it/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/animate-it/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/animate-it/)
 * [Active Topics](https://wordpress.org/support/plugin/animate-it/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/animate-it/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/animate-it/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [rezalik](https://wordpress.org/support/users/rezalik/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/adding-animate-classes-to-existing-div-element/#post-6588906)
 * Status: not resolved