Changing the preloader


I’d like to change the preloader to a small icon. I’ve looked at previous topics about this on the forum but can’t figure out how to link to the image.


You can use a custom CSS plugin and add this:

.preloader .pre-bounce1, .preloader .pre-bounce2 {
    display: none;
.preloader .spinner {
    background-image: url(;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;

Change the URL to yours and if needed change the two 30px values. Obviously, there isn’t going to be any animation.

Hi Vlad,

Thanks for your response. Just to confirm, the url would go to the location of the image on my server? For example:

Nevermind, I discovered that the link I posted is indeed how to do it. Thanks for your help, Vlad!


I am not able to disable the preloader … even using in css is not being possible. the preloader is giving the feeling of slowness on our site.