No word wrap with animation

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!!

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.

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.