Changing Preloader

Hi,

We have a site at http://beaconreach.perryworld.co.uk/ and want to display an image for the preloader.
We have added the following to our override.css
.gkIsWrapper-gk_university .gkIsPreloader {
background: #FFFFFF url('/images/BRFront2.jpg');
}
This does replace the darkblue preloader but we have two problems when we do this.
1. We lose the animated busy icon in the middle of the screen
2. When we look at the site on other devices the preloader doesn't resize - you just get a cut off part of the image.

Is this something you can help us with?

Thanks
Richard

Hi

You may try to use this code to fit the image in height or width (whatever is closer):

Code: Select all

.gkIsWrapper-gk_university .gkIsPreloader {
background-size: cover;
}


but I'm afraid the animated element were a gif image which simply got replaced with Your code.