Adjust fade time for displaying page after loading

Question

I know there is a simple answer to this but how can I adjust the fade time for when a page is displayed after loading?

In the docs under "Page loading transitions", I found "data-speed-in" and "data-speed-out", but I cannot find any existing setting with these terms anywhere. I guess they must exist somewhere since a transition is in fact taking place per default. Where can i find it?

SemiColonWeb · Accepted Answer

Hello, Consider adding the data speed in="10000" Attribute to the <body> tag. Example: We have just checked this out on Our Demos and appears to be working fine for us. Let us know if we can help you with anything else or if you find any further issues.

enero_55 · Answer

Thank you for your quick reply!

To questions:

Since there already is a transition, I assume that data-speed-in is already specified with a default value. Where in your code is that specified? I can't find it in any of the files.
If I solve it like you propose, I would have to add it in the <body> tag of every single html file in my site. Isn't there a generic way to do this once so that it applies for all html files?

Semicolon Web · Answer

Hello,

Thank You for explanation on this. Now, we understand what you are trying to do here.

Consider finding the following code in the js/functions.js File:

if( !durationIn ) { durationIn = 1500; }

and replace the 1500 value with your own.

This will definitely work fine. Hope this Helps!

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

enero_55 · Answer

Great, thanks!