Preloader transition only with a simple gif

Question

Hi there, I need to use a gif with the company logo in my website when the page load. But i still not find the right way to do it. Thanks for your time.

SemiColonWeb · Accepted Answer

Hello,

You can definitely use a Custom Preloader by simply adding your Custom Code/Image/SVG in the data-loader-html Attribute of the <body> Tag. More Settings regarding this can be found in the Documentation > Start > Page Transitions Section.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

compu_tek · Answer

is there any page in your template that has this example? I can not get the code to work. Thanks

Semicolon Web · Answer

Hello,

Please provide us with your GIF Image, so that we can provide you with the Exact Code for this. 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.

compu_tek · Answer

This is the gif: preloader2.gif Thanks

compu_tek · Answer

This is the gif with the correct size. Thanks

Semicolon Web · Answer

Hello,

Simply add the following code to the <body> Tag:

data-loader-html=""

Example:

">

Make sure that you change the Image's Name and Location in the <image> Tag's src Attribute according to your needs.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.