Row animate not working

heather-king

Hi, I'm trying to use the Row Animate setting on the following page just on the Below row (the other animations are taken care of elsewhere) However it doesn't seem to be working. It's where the text reads;

Want to find out more about Sylan Glass? Why not book a Sylan Showcase with one of our Specification Managers. Get in touch with a member of our team on 01763 27200 or email us and book today.

http://fsgtestsite.co.uk/sylan2018/glass

I have enabled css3 animations in the template and I'm using the Buildr template.

Many thanks in advance for your help.

aman204

heather-king Hi

Can you add your admin details in edit fields in in order for us to take closer look.

For reference, You can follow thread post (5 point) procedure.

Also, Kindly ensure if you have configured the same as per procedure outlined in documentation excerpt

heather-king

Hi, thanks for your reply. Yes, I think I have configured it correctly as per the documentation excerpt. Thank you for looking in to it further. Best wishes.

aman204

heather-king Can you also share the module id in question in order to examine further as I am unable to locate the same due to several modules seen in module manager

heather-king

Hi, sorry, I'd meant to include that. It's 541 in the Below position.

aman204

heather-king Kindly check now. Have added module class suffix as per Documentation heading - Adding effects to single modules 4 point

Ref: Screenshot

You may change the suffix accordingly from varied options as mentioned in documentation

Kindly ensure to clear your browser cache if changes dont reflect

heather-king

That's great, thank you very much, your help is much appreciated. I thought I had tried that but I clearly hadn't done something right.

Is there anyway I can change the speed of the animation as it's quite quick compared to the other animation on the screen?

Many thanks again.

aman204

heather-king Is there anyway I can change the speed of the animation as it's quite quick compared to the other animation on the screen?

You may check now. Have added this to custom.css file wherein value can be changed accordingly :

/* animation settings */
.zen-animate.fadeInUpBig{animation-duration:4s !important;}

heather-king

Thank you so much, that's perfect now! Best wishes.