LoftOcean

LoftOcean supports this item

Supported

This author's response time can be up to 2 business days.

22 comments found.

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

Hi,

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” ( https://fonts.google.com/specimen/Alice?selection.family=Alice ).

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

<link href="https://fonts.googleapis.com/css?family=Alice" rel="stylesheet">

or embed with @IMPORT:

<style>
@import url('https://fonts.googleapis.com/css?family=Alice');
</style>

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

$('#loftloader-wrapper').loftloader({
    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

by
by
by
by
by
by