Title: CSS to enable this to plugins?
Last modified: September 1, 2016

---

# CSS to enable this to plugins?

 *  [catmaniax](https://wordpress.org/support/users/catmaniax/)
 * (@catmaniax)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/)
 * Hello.
 * What’s the custom CSS I need to enter on various plugin’s pages that have the
   option of custom CSS, so this can take effect?
 * For example in a “back-to-top-arrow” plugin.
 * Please let me know.
    Thanks!
 * [https://wordpress.org/plugins/animate-it/](https://wordpress.org/plugins/animate-it/)

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558452)
 * Hey catmaniax,
 * Thankyou for using Animate It!.Regarding the question, you can use class generator
   [http://www.downloads.eleopard.in/class-generator-wordpress](http://www.downloads.eleopard.in/class-generator-wordpress)
   to generate animation classes and add these classes to the “custom CSS” option
   of the plugin where you wish to apply the animation.
 * For details please check the documentation here: [http://www.downloads.eleopard.in/animate-it-documentation-wordpress](http://www.downloads.eleopard.in/animate-it-documentation-wordpress)
 *  Thread Starter [catmaniax](https://wordpress.org/support/users/catmaniax/)
 * (@catmaniax)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558460)
 * Hey,
 * Thanks for the answer.
    I tried pasting the same lines that go in the widgets
   but it does not take effect.
 *  Thread Starter [catmaniax](https://wordpress.org/support/users/catmaniax/)
 * (@catmaniax)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558529)
 * Ok, let me try to test it out and I will let you know.
 * Is there a way to add the class to a media file, a jpeg for instance?
 * Thanks!
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558534)
 * Dear catmaniax,
 * You can place classes in your images this:
 * 1. In an DIV wrapped around the image
 *     ```
       <div class=" animated rubberBand delay2 duration10 infinite ">
           <img src="http://www.downloads.eleopard.in/images/logo.png" />
       </div>
       ```
   
 * 2. In class attribue of the media:
    `<img class=" animated rubberBand delay2 
   duration10 infinite " src="http://www.downloads.eleopard.in/images/logo.png" /
   >`
 * Please let me know if this works for you.
 *  [susanbranchsmith](https://wordpress.org/support/users/susanbranchsmith/)
 * (@susanbranchsmith)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558593)
 * All of a sudden, Animate It! stopped working on the web site I was testing it
   on. It’s been working fine for about 10 days. Did I miss something? Did I have
   a trial version? I can’t find any evidence of that.
 * Thanks for any help.

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

The topic ‘CSS to enable this to plugins?’ 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/)

 * 7 replies
 * 3 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/css-to-enable-this-to-plugins/#post-7558594)
 * Status: not resolved