Classes in Widgets on Page Builder Not Working

Dear Pinchas,

We had encountered Site Origins issue before.
It is a simple work-around. Instead of adding classes to Animate It! Classes, please add the Animations in Widget Styles . Attributes > Widget Class box

Please refer to this screenshot for more info: a href=”https://dl.dropboxusercontent.com/u/44361768/site-origin-classes.jpg

Please let me know if this solutions works for you.

Dear eleopard

I think I have the same issue than Pinchas

I generate the code “animated rotateInDownRight delay2 duration6”, and pasted on the field Animate It Classes on the “Thim: Single Images” widget, and nothing happend… You can check on the web page https://www.f2ponline.org on the image that said “#Donaciones Invierte tus…”

I read your above answer but, to be honest, I am totally new on this, where is that Widget Styles? In order to prove your option

Thanks in advance and warm regards

Luis Jimeno

Apologies for the delayed reply.

As mentioned above, you can enter the Animate It! classes in Widget Styles.
Path: Attributes > Widget Class box

This box is always there when you add any Widget or Row in the Post/Page.
Please take a look at this screenshot for more info:

https://dl.dropboxusercontent.com/u/44361768/siteorigins-editor.jpg

Please let me know if this helps you understand better.

Do not worry. Thans for the answer
I enter the Animate It on the Widget Style (animated rotateInDownRight delay2 duration6). Please see the image on the link below

https://www.sgi-consulting-group.com/animate-it/animate-an-image.png

But nothing happend. The image do nothing. I did the same with a text, and nothing.

Could you please advice?

Thanks and kind regards

Luis

Could you please apply this animation. And then share the page link with me?

Side note @eleopard when your post doesn’t show up that means the spam filter got it. Posting again and with a single letter as a test? Makes it worse. ??

I’ve released your 8 minute old post and deleted the otheres, please try to be more patient.

haha. Sorry for that. I thought there was something wrong with my browser

Hi eleopard… You can check on the web page https://www.f2ponline.org … the animation was configured on the image that said “#Donaciones Invierte tus donaciones en causas que te interesen”… regards. Luis

Dear Luis,

The animation is appearing as soon as the page loads. And by the time you scroll to the image, the animation is already finished.

Please add “eds-on-scroll” to the classes. The animation classes would then be:

animated rotateInDownRight delay2 duration6 eds-on-scroll

Let me know if this works.

Hi eleopard,

Great plugin. Adding the classes to the widget classes box works… but the problematic part is that the animation is executing on scroll alone, and not on scroll AND when the target (widget) is in the viewport. Does that make sense?

Is there a work around to this?

Thanks

cheers.

Dear mifa123123,

In order to analyze this issue, Could you please provide the website address (URL) ?