Preloader: Changing loading icon

Modern, responsive, unique and elegant one-page WordPress theme to showcase your creativity
GK User
Tue Jan 06, 2015 12:17 pm
Hi,

is it possible to change the rotating image/icon showing while loading the images/slides?
I would like to replace the "clock" symbol with this rotating icon-spin (https://fortawesome.github.io/Font-Awes ... ed-spinner).

Thanks in advance.
User avatar
Fresh Boarder

GK User
Wed Jan 07, 2015 10:29 am
Hi,

Generally it's possible, but requires css and html modifications in Creativity/css/extensions.css you have to remove Preloader section (from line 1039) and leave only this code:
Code: Select all
.gk-is-wrapper-gk_creativity.notloaded .gk-is-loader {
   color: #fff;
   content: "";
   display: block;
   height: 32px;
   left: 48%;
   position: relative;
   top: 48%;
   width: 32px;
}

and in the Creativity/gavern/widgets.image.show.php file change line:
Code: Select all
echo '<div class="gk-is-loader"></div>';

into:

Code: Select all
echo '<div class="gk-is-loader"><i class="icon-spinner icon-spin icon-large"></div>';
User avatar
Moderator

GK User
Wed Jan 07, 2015 2:38 pm
Piotr Kunicki wrote:Hi,

Generally it's possible, but requires css and html modifications in Creativity/css/extensions.css [...]


Hi Piotr,

thank you so much! It's working!
I wouldn't have figured this out on my own :)

Pascal
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.