Title: Animation code leave space
Last modified: March 12, 2021

---

# Animation code leave space

 *  [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/)
 * Hello,
 * At first I would love to thank you for this awesome plugin that adds live to 
   our sites 🙂
 * I have a space issue as the code text itself is taking some space although it
   is not visible . I wish to find help with that in here.
 * I hope what I have requested is possible and I really appreciate any help you
   can provide.

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

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14175783)
 * Hi Ibrahim,
 * Thanks for using the Animate It!
    The space you are referring to might be due
   to the font-size and letter-spacing of set by the theme.
 * Please try adding this CSS into WordPress Backend > Settings > Animate It! > 
   Custom CSS:
 *     ```
       .animated{
           font-size: 0;
           letter-spacing: 0;
       }
       .animated > *{
           font-size: 1em;
           letter-spacing: inherit;
       }
       ```
   
 * Please note that this might effect the text elements inside the animate block.
   
   If that’s the case, please share with me your animation page/post and I’ll try
   to find a solution.
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14176050)
 * This is very helpful and I appreciate it thank you so much.
 * I want to add that I noticed that the issue occur when I select the element and
   then insert the animation.But it goes fine when I insert the animation and then
   replace the text with my content.
 * And if you allowed me I’m little bit curious to know if this cool animations 
   can be applied to the header or the logo.
 * Thanks again
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14176183)
 * Hi Ibrahim,
 * Like I said, the WordPress editor and theme CSS might be causing this.
    When 
   you add animation to a selected component, the editor might be adding some extra
   tags (most possibly paragraph).
 * There is no sure way around it.
 * Regarding animating the logo, yes it can be possible if the theme you are using
   has option to add custom CSS classes. Let me know your website link and I can
   check it out for you.
 *  Thread Starter [ibrahimal3ed](https://wordpress.org/support/users/ibrahimal3ed/)
 * (@ibrahimal3ed)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14179041)
 * Hello again,
 * Regard adding animations to the logo/header > I’m using storefront theme the 
   default theme for woocommmerce
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14193350)
 * Hi Ibrahim,
 * Sorry for the late reply.
 * Can you send me the website link?
    I do not have a storefront theme setup, so
   I won’t be able to check how the header is applied.

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

The topic ‘Animation code leave space’ 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/)

 * 5 replies
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/animation-code-leave-space/#post-14193350)
 * Status: not resolved