CODEWITHSUNDEEP
jqueryajax
Aaron Jensen
Aaron Jensen

Reputation: 33

eliminate / disable the page loading (animation) feature?

I am building a page from the template purchased on Themeforest called: Truestory. I was wondering if there is a way to eliminate / disable the page loading (animation) feature?

http://themeforest.net/item/truestory-fullscreen-html5-template/3902394

here is the styles.css code what would I need to change/add?

Here is what I think needs edited correct? It is from Styles.css 

/*-------------------------------------------------------------------------------------*/
/*  PRELOADER
/*-------------------------------------------------------------------------------------*/

#preloader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.active-dock #preloader{
margin-top: -65px; /* dock.height/2 */
}

#preloader > span{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
z-index: 1;
background: url(../images/loading_small.gif) no-repeat center 15px #000;
-moz-border-radius: 99px;
-webkit-border-radius: 99px;
border-radius: 99px;
}

#preloader > span > span{
display: block;
margin-top: 40px;
font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif;
text-align: center;
text-transform: uppercase;
color: #fff;
}

#preloader.landing > span{
background-position: center center;
}

#preloader.landing > span > span{
text-indent: -9999px;
}

Upvotes: 3

Views: 5365

Answers (2)

hetal
hetal

Reputation: 399

You may use the code below in the version v3.x of adminlite.

.preloader{
    display: none;
}

Upvotes: 0

George Cummins
George Cummins

Reputation: 28906

If you only want to hide the loading animation, you can alter the CSS to hide that element:

#preloader{
    display: none;
    ...

You can also consider removing the code that creates the preloader div in the first place. This may be a Javascript function, or it may be plain HTML in the template.

As Kolink mentioned in the comments, it is generally a good idea to notify the user that a long operation is in progress. The loading animation is a good way to do that. You can also consider improving the speed of the operation by optimizing the code or moving to a faster host.

Upvotes: 3

Related Questions