TOPIC: Just an image amination and not text

hi,
Just curious, I'm using Joomla 3.8.6 and I want to animate an image inside of a custom_html module. The mod will have an image on the top half and text on the bottom half. I would really like to just have the image animated and not the text. How can I separate the 2 to make one animate and the other stay static?

Dear RACMitch,

Thanks for using the Animate It!

Regarding your question, yes you can wrap the image around a sid and add the Animate It! classes to it.
That will only animate the image, or whatever is inside that DIV.

e.g.
This will make only the image spin.

You can get the classes using the Class Generator here:
www.downloads.eleopard.in/class-generator

Let me know if this works for you.

thank you, that does work, however the plug in will not work for me in this project. It is kinda wonky with it's center axis, example, I have 3 modules across the page each one set to rotate on hover, they are circles with a number in the middle, the image size is a 1:1 ratio of 100px but they do not rotate on the center axis of the image, they are rotating with some offset axis which does not allow them to rotate in place, they rotate off the page. It could very well be the template or that I'm using gantry 5 I don't know, but this isn't the result I need, but thank you for your help.

Dear RACMitch,

I believe this can easily be fixed by adding some custom CSS.
Can you send me a link to the page where you have this issue?

Got the link.
Will let you know as soon as I have something.

Dear RACMitch,

Please do the Following:

1. Go to Extensions -> Plugin Manager -> System - Animate IT! > Custom CSS Box.
2. Paste the following CSS and Save.
Please note that since I did not wanted to disturb and other elements, I have targeted specifically the 3 images modules.
Please me know if this works for you.