Canvas Support

Remove the loading

9 replies · opened Sep 11, 2019

SstavrochSep 11, 2019

How can I remove the loading circles that displayed when the pages is loaded?

SSemicolon WebSTAFFSep 11, 2019

Hello,

Please find and delete/comment the following code in the js/functions.js File: 

SEMICOLON.initialize.pageTransition();

and add the following CSS Code: 

body:not(.no-transition) #wrapper { opacity: 1; }

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.

SstavrochSep 22, 2019

No did not help.

If I do what you explain the doesn' t display anything except the footer.

SSemicolon WebSTAFFSep 23, 2019

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this because if you have used the Default Files without incorrect customizations, everything should work as expected. Additionally, make sure that you have followed Documentation > Start > HTML Structure Section as we are sensing some incorrect structure. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SstavrochSep 29, 2019

How can I make the pages when loaded to be normally without fade in - out?

I saw that the code creates with style tag opacity=1.

Thanks

SSemicolon WebSTAFFSep 29, 2019

Hello,

Please update your website with the codes we have provided you and provide us with the Live URL again so that we can check why it is not working for you. Additionally, there many HTML Validation errors: https://validator.w3.org/nu/?doc=https%3A%2F%2Fsuco.gr%2Fapko%2F on your Page which you should consider fixing. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SstavrochSep 30, 2019

when I delete the line SEMICOLON.initialize.pageTransition(); the page is not loading.

I see white page (both in your files and mine)

the same happen when I add the body:not(.no-transition) #wrapper { opacity: 1; } to js/functions.js

Is that step right?

So what can I do?

Is there any other way not to load the loading gif?

SSemicolon WebSTAFFOct 1, 2019

Hello,

You will need to add the following code: 

body:not(.no-transition) #wrapper { opacity: 1; }

in the css/custom.css File since this is a CSS Code. Additionally, make sure that you have checked out the Documentation > Start > Customization Section for complete details on how to use the css/custom.css File.

If you do not want to follow the above method, simply add the .no-transition Class to the <body> tag. Example:

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.

SstavrochOct 3, 2019

Perfect!

Thank you.

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