Support » Plugin: Animate It! » Centeroint setting missing

  • I might do something wrong, or have plugins that interfere …

    The plugin works, even with DIVI and the visual builder active.
    My problem is that for example rubber band effect is not animated from my image center-point, it animates from a corner and it doesn’t look nice.

    If an option for animation alignment is added it would be awesome.

Viewing 1 replies (of 1 total)
  • Plugin Author eleopard

    (@eleopard)

    Hi SMASHING media,

    Thanks a lot for such a nice review.

    Regarding the aniamtions, all aniamtions are creating by wrapping the text/images/media around a <div>. And as you know the DIVs are block elements, they take up the whole width.

    Here is a simple workaround would resolve the issue:

    1. Add the following to:
    Settings > Animate It! > Custom CSS box

    .display-inline{
    	display: inline-block;
    }
    .display-inline-center{
    	display: block;
    	text-align: center;
    }

    2. Now you can add these classes in the Custom CSS box, whenever you add the Aniamtion. Please see the screenshot here:
    https://ps.w.org/animate-it/assets/screenshot-4.jpg

    Adding display-inline or display-inline-center would render the animations differently.

    Here’s a demo on how these would work:
    http://animateitdemo.wpdevcloud.com/demo-for-smashing-media

    Please let em know if this resolves the issue.

Viewing 1 replies (of 1 total)
  • The topic ‘Centeroint setting missing’ is closed to new replies.