LoftOcean does not currently provide support for this item.

26 comments found.

Hi!! quick question could you please tell me how can i specify the font like in the example 12 the welcome word???


LoftLoader jQuery version is for deverlopers so you will need to write some custom CSS code for the Custom Message font. Users often use the site default font for the text. (BTW, no coding required with WordPress version.)

To customize the message font like in the example 12, please see below:

The font family used in the example 12 is “Alice” ( ).

To embed the font into your webpage, please copy this code into the <head> of your HTML document:

<link href="" rel="stylesheet">

or embed with @IMPORT:

@import url('');

You can set the following 4 options for custom message by JavaScript: message content, font size, font color and position.

    message_text: 'WELCOME!',
    message_size: '50px',
    message_color: '#232323',
    message_position: 'middle'

So you will need to add the custom CSS code for its font family, font weight and letter spacing:

div#loftloader-wrapper .loader-message {
    font-family: Alice;
    font-weight: 800;
    letter-spacing: 0.2em;

Hope this can help. Please feel free to let us know when you have any problems/questions. And we will update the documentation to include the details about font customization. Thank you very much.

Best regards,

The Loft.Ocean Team

Hey there,

I have the problem that the background overlay of your Plugin also appears for a short period of time when I leave a page…

How can I deactivate that for leaving the page?

Best, Lukas

Hi Lukas,

There is no “purchased” icon showing after your user name. Could you please confirm that the product you have purchased is the jQuery version or the WordPress plugin? Because the solution will be different for different versions of the plugin.

If you are using WordPress version of LoftLoader, please post a comment on this page. Thanks.

Best regards, The Loft.Ocean Team


sfx12 Purchased


when comes the update for “Show it to visitors once per session” i need it in the jquery Version ( iam not using wordpress)

thx in advance

regards from Germany


Thanks for your comment.

Currently we are still in the middle of another project, and will not be able to work on the update for LoftLoader jQuery recently.

You will be happy to know that this new feature is already in our to-do list for the next update. It won’t be long. However, we are not be able to provide any sort of timeline because product development can be unpredictable.

We will let you know when it’s released. :)

Thank you very much for your understanding.

Best regards,

The Loft.Ocean Team

Hello. I may have missed it in the documentation or perhaps it’s not an available feature. I have a vertical sidebar left hand menu (bootstrap based) and I really just want the loader to show on the right side of the screen, not full view port. Is there a way to assign this to a DIV only?

Thank you.


Thanks for purchasing.

Sorry it’s not an available feature in LoftLoader (either in jQuery version or WordPress version). When add LoftLoader into your web pages, it inserts a fullscreen DIV which covers the original web page content while loading. LoftLoader was designed to work this way. Like all the examples on our preview site.

The feature you asked for is not a part of LoftLoader’s default functionality. But, it’s a piece of code and you can edit the code. Please kindly consider this is related to item customization which is outside of the scope of support policy. We are not able to provide support with item customization for you. Please check CodeCanyon Support Policy for more details.

Thank you very much.

Hello, is the preloader activated on URL click ? or when the page start loading ?


It’s activated when the page start loading.

And if enable “Smooth Page Transition” feature, then the loader’s background will show on URL click (if it’s an internal link on the same site). But the other elements in the loading screen (loader, message, progress indicator) will only show when a page start loading.

You might like to check the “Smooth Page Transition” demo site .


Hi, it is possible to set different messages to the preloader? For example if I want to set for every page another message text.

Thanks and best regards.


Yes it is possible. Please read our documentation to know more details: Display different loaders on different pages.

Updated: Sorry we thought your question was about the WordPress version. In the jQuery version, it is also possible. We have included details in the documentation which is in the download package. You will need to use different JS calling parameters for each page.


Best regards,

The Loft.Ocean Team