Title: How to use multiple classes?
Last modified: June 28, 2018

---

# How to use multiple classes?

 *  [turnis](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-use-multiple-classes/)
 * Hello,
 * thank you for this awesome plugin! Just one question:
    How to use multiple classes
   generated by your generator? Chaining them like this doesn’t seem to work: animated
   spinner duration1 eds-on-scroll; animated spinner duration1 eds-on-hover;

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-use-multiple-classes/#post-10446656)
 * Dear Turnis,
 * Thanks for using the Animate It!
 * Regarding the multiple animations, you can put them in 2 separate DIVs.
 * e.g.
 *     ```
       <div class="animated bounceOut duration1 delay6">
       	<div class=" animated bounceIn duration1 delay2">
       		"Place your content here"
       	</div>
       </div>
       ```
   
 * This would make the bounceIn animation appear in 1 seconds and bounceOut on 3
   seconds.
 * You can see this code in action here:
    [http://animateitdemo.wpdevcloud.com/?p=911](http://animateitdemo.wpdevcloud.com/?p=911)
 * Let me know if this works for you.
    -  This reply was modified 7 years, 10 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).
 *  Thread Starter [turnis](https://wordpress.org/support/users/turnis/)
 * (@turnis)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-use-multiple-classes/#post-10446878)
 * Thanks for your help! I use the SiteOrigin Builder. The “Widget Class”-field 
   only has one line so where would I insert the code?

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

The topic ‘How to use multiple classes?’ 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: [turnis](https://wordpress.org/support/users/turnis/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/how-to-use-multiple-classes/#post-10446878)
 * Status: not resolved