Animation of text in Revolution slider

3 replies · opened Mar 4, 2021

DDDoS-SiMar 4, 2021

Hi,

I am using your demo theme demo-yoga and I have an issue with the Revolution slider.
It currently has an animation option enabled for both of the slides, I believe it is this one:
data-animate="fadeInUp" data-delay="200"

I would like that the text would immediately apper, not with a delay. How do I achieve that without breaking the page? I haven't found it in your documentation and if I just delete the data-animate and data delay settings everything glitches a bit, it is not smooth.

Google does not like if content loads later and I would like it to load immediately.

Thank you.

SSemicolon WebSTAFFMar 5, 2021

Hello,

The Animation Delay is not intentional for the Captions in the Slider. They are displayed as and when the JS Settings for the Animations are loaded and available on the Page. The only way to remove this delay is to remove the Animation Settings. And the Font Glitch you are seeing is called Font Display swap which displays an Alternate Font while the Google Fonts are loaded on the Page. This is supported and recommended by the Google Lighthouse: https://web.dev/font-display/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

DDDoS-SiMar 9, 2021

Thank you for your reply. Is there a way you could help me with advice on how to remove the animation settings, or what exactly should I disable? Thank you so much.

SSemicolon WebSTAFFMar 10, 2021

Hello,

The only way to remove the Animation settings is to remove the data-animate and data-delay Attributes from the Elements. That's it. There is no other setting to disable.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard