loading still image for .gkIsPreloader

Hi
I would like to load the first image before this gallery. This is to help user sees the first image instead of waiting for all the 20 images to load. This is my code:
.gkIsPreloader {
background:#f1f1f1 url(../../images/accomodations/poolevening.jpg) no-repeat;background-size: 110%;height:100%;position:absolute;text-indent:-9999px;width:100%;z-index:101;
}

Somehow it doesn't seems to replace the preloader. The ID for that gallery is gkIs-gk-is-106. How should the code be?

The url for the website is: http://villacapung.com/index.php/gallery

Appreciate your help.
Tristan

Where have you added this code? To override.css?

Hi
Yes the code is added to override.css

And I only want to affect that gallery only (there's a few on the site). Should the code be with the ID like this:

#gkIs-gk-is-106.gkIsPreloader {
background:#f1f1f1 url(../../images/accomodations/poolevening.jpg) no-repeat;background-size: 110%;height:100%;position:absolute;text-indent:-9999px;width:100%;z-index:101;
}

Thanks

I would suggest to try:

Code: Select all

.gkIsWrapper-gk_storefront .gkIsPreloader


selector.