Sliding in from right?

Dear LesTexas60,

My apologies for the delayed reply.
This seems like a conflict with the existing theme or some other plugin.

Could you please share the link to the page where this issue is?
That way I can troubleshoot it and let you know.

if you are using UX builder you can put it inside a “Section”, that might help contain it where you want it.

This image slides in from the right but goes all the way to the left side of the page. I would think there would be a setting to define how far it should slide in. It is sliding in on top of existing section with content so that can’t be changed. I will play some more.

Dear LesTexas60,

Is it possible for you to share the link to the page where this issue is?
That way I can troubleshoot it and let you know.

https://tiger721.com/2021/06/18/sample-animation/ This is a post address. Does Animate also work on Elementor Pages? I can’t find the red icon. On the test page, I only want the image to come in about 25%.

Dear LesTexas60,

I believe your question is regarding alignment of images.
This has nothing to do with the Animate It!

For centering an image, you can just align the items to center using the alignment option in Text editor: https://i.ytimg.com/vi/eRe60Ys6pyA/maxresdefault.jpg

The animation would start, and end at wherever you have placed the image (left, center or right).

Regarding Elementor pages, yes the animation would work fine there as well. However, since elementor uses its own text editor, we cannot put our icon on it.
All the shortcodes and classes would work fine.

The best way is, you can generate you aniamton classes from here:
https://www.downloads.eleopard.in/class-generator-wordpress

Copy the classes and paste them in the Custom Class box in Elementor:
https://d34b8fs2z18t5a.cloudfront.net/wp-content/uploads/2019/05/css-id-class.jpg
____

Please let me know if this helps.

Sorry, I am really missing something here. I understand the positioning. I added 3 columns and added an image to the center column. I got the code below from your page. I tried to add the code to the Special CSS but it didn’t like it. Where would I add the code?
[edsanimate_start entry_animation_type= “slideInRight” entry_delay= “0” entry_duration= “2.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= “”]

[edsanimate_end]

I tried the 3 columns on my end, using Guterberg Editor to create the columns, and adding a Classic editor on each column, and then repeated the process using Elementor as well:

Here is an example with Gutenberg Editor:
https://visas.wpdevcloud.com/lestexas60-gutenberg/

Here is same example using Elementor:
https://visas.wpdevcloud.com/lestexas60-elementor/

Please let me know if this is what you wanted.

Eleopard, Thank you for the example but they just are not doing what I was hoping for. The images you used in the sample are from one of my sites so I would appreciate if you could delete the example now that you showed it to me. Thank you so much for your extra effort.

I have changed the images.
I am sorry for not understanding, I though 3 columns is what you needed.

If you’d like to take another turn at it, please feel free to let me know, and I’d try my best to implement it.

elopard, thank you so much for taking the time and effort to help. I wish there was a video that walked through the use of this plugin, step by step. I have watched a few but can’t find what I am trying to do. I think a pop-up is the answer for now. I wanted a small image to come from off screen and slide in to defined area of the screen, just off center. The images in this plugin seem to start and stop within the defined width of the current section. Thank you again.

Yes, in that case, a popup would be a better option.
The plugin animation would be relative to its parent DIV

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