Title: Add CSS code to existing class
Last modified: May 24, 2021

---

# Add CSS code to existing class

 *  [millioni](https://wordpress.org/support/users/millioni/)
 * (@millioni)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/)
 * Hi, is it possible to generate and add the css code to an existing class?
 * eg. I want to animate an existing button created from a theme.
 * Thanks!

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14478667)
 * Hi Millioni,
 * Thanks for your interest in Animate It!
 * Yes it is possible to add animations to other unique classes using some custom
   CSS.
    If you could send me the link to your website, with which button needs 
   to animate, I will get back to your with the requires instructions.
 *  Thread Starter [millioni](https://wordpress.org/support/users/millioni/)
 * (@millioni)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14481818)
 * HI, thanks for the response
 * Here’s the link:
    [Directorio Escolar](https://edutory.mx/escuelas/preescolar/estado-de-mexico/naucalpan-de-juarez/escuela-de-las-lomas/)
 * The button would be the green one on the right with the text “PEDIR INFORMES”.
 * Thanks a lot.
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14483400)
 * Sorry for not explaining it more clearly before.
    I need to know what animation
   do you plan on adding as well.
 * You can create the classes from here:
    [https://www.downloads.eleopard.in/class-generator-wordpress](https://www.downloads.eleopard.in/class-generator-wordpress)
 * And share them with me.
 *  Thread Starter [millioni](https://wordpress.org/support/users/millioni/)
 * (@millioni)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14486577)
 * My bad, here it is:
 * [edsanimate_start entry_animation_type= “tada” entry_delay= “1” entry_duration
   = “1.5” entry_timing= “linear” exit_animation_type= “” exit_delay= “” exit_duration
   = “” exit_timing= “” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset
   = “” custom_css_class= “”]
 * Thanks again.
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14488264)
 * Dear Millioni,
 * In the WordPress backend, please go to **Settings > Animate It! > Custom CSS**
   box and paste this CSS:
 *     ```
       .send-enquiry{
       	-webkit-animation-name: tada;
       	-moz-animation-name: tada;
       	-o-animation-name: tada;
       	animation-name: tada;
       	animation-duration: 1.5s;
       	animation-delay: 0.5s;
       	animation-timing-function: linear;
       	animation-iteration-count: 1;
       }
       ```
   
 * This will apply the required animation to any button that has the send-enquiry
   class.
 * Please let me know if this work for you.
 *  Thread Starter [millioni](https://wordpress.org/support/users/millioni/)
 * (@millioni)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14503825)
 * Hi, thanks a lot! It’s working perfectly.
 * Is there documentation about this? So I can make my custom css and not ask you
   guys every time?
 * I’m trying to make css of:
    [edsanimate_start entry_animation_type= “bounce” 
   entry_delay= “1.5” entry_duration= “1” entry_timing= “linear” exit_animation_type
   = “flash” exit_delay= “0” exit_duration= “0.5” exit_timing= “linear” animation_repeat
   = “1” keep= “yes” animate_on= “scroll” scroll_offset= “75” custom_css_class= “”]
 * but I cant get all the parameters right.
 * Thanks again.
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14509844)
 * Dear Millioni,
 * Apologies for the delayed reply.
 * I am afraid there is no set guideline for this.
    You just have to have CSS knowledge
   to implement these things.
 * With adding CSS like this, you can have only one animation (bounce or flash)
   
   Another limitation is animation on scroll. As the plugin uses javascript for 
   this, we cannot implement it using CSS.
 * Please let me know which button, or section you wish to apply the animation (
   with the page link), and I will provide you with the necessary CSS.
    -  This reply was modified 4 years, 12 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).

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

The topic ‘Add CSS code to existing class’ 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
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [4 years, 12 months ago](https://wordpress.org/support/topic/add-css-code-to-existing-class/#post-14509844)
 * Status: not resolved