Support » Plugin: Animate It! » No word wrap with animation

  • Resolved Jackson Pemberton

    (@jacksonpemberton)


    Near the bottom of this post is my mascot owl (on the left edge of the screen). The animation works exactly as I want but when I added animation to the image the word wrap was disabled. How do I fix that?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Jackson,

    Thank you for using Animate It!.

    As per my understanding, you want the second mascot image to be placed similarly to first one at the start.
    In order to achieve that, please follow the below steps
    1. Open the post to Edit.
    2. Go to the second mascot image and recreate the animation.
    3. While adding animation, go to the “Options” tab and add a CSS class name “owl-2” in “Custom CSS Class” field
    4. Add the animation and save the post.
    5. Now go to Dashboard->Settings->Animate It!.
    6. Under Custom CSS field, add the below CSS:

    
    .owl-2 {
    display: inline;
    } 
    

    7. Save the settings.

    Let me know if it works.

    That fixed the display – it is now in line (full word wrap) but the animation doesn’t work anymore. So to be sure I had everything correct, I manually edited the short-code to custom_css_class=”” and the animation worked again but the owl wasn’t inline anymore, of course.

    Hope you have a fix.

    Thanks for the really fast response!!

    Plugin Author eleopard

    (@eleopard)

    Dear Jackson,

    Sorry for this.
    Please try the following:

    Remove this from the Custom CSS:

    .owl-2 {
    	display: inline;
    } 

    Add this to the Custom CSS:

    .owl-2 {
    	float: left;
    }

    Save.

    This should make the animation work like before.

    Perfect!

    Thanks again. 5 stars coming for sure.

    Plugin Author eleopard

    (@eleopard)

    Dear Jackson,

    Glad to know it worked.
    Thanks for such kind words 🙂

    Please feel free to let me know if you face any other issues.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘No word wrap with animation’ is closed to new replies.