Change preloader

If you want to change the preloader, it can be done with some custom CSS inside the dedicated area for  Custom CSS Code under the Theme Options Panel:

 .preloader { background-image: url(http://yoursite.com/absolute_path_to_img.gif); }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {     
 .preloader { background-image: url(http://yoursite.com/absolute_path_to_img_x2.gif); } 
}

You need to upload your own custom preloader image somewhere on your server and make sure that you post the full URL in the code above. Also, make sure that you upload two images (a regular one and a double sized one for retina displays).

The preloader size needs to be 24x24 / 48x48 (for retina). 

Use this website to generate it:   http://preloaders.net/en/circular.