Where to change load icon?

I want to modify part of my website created withCreativity Joomla template. In the Image Show there is loading screen shows. Where can i change this load icon?

load-icon.GIF

This is a css animation and changing it needs a lot more knowledge than simple replacing gif file .

Ok. thanks, can you tell me please where can i find this animation, which container is it?

This is a css animation and changing it needs a lot more knowledge than simple replacing gif file .

Inside style.css there is this huge declaration:

Code: Select all

.gkIsWrapper-gk_creativity.notloaded .gkIsLoader {
-webkit-animation-name: gkistimer;
-webkit-animation-duration: 0.75s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: gkistimer;
-moz-animation-duration: 0.75s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
animation-name: gkistimer;
animation-duration: 0.75s;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 2px solid #FFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: "";
display: block;
height: 32px;
left: 48%;
position: relative;
top: 48%;
width: 32px;
}


I found this code in gk.stuff.css, but i can't see any chnages effect, i tried to delete complete code but functionality was always the same, i can't also detect this container with dev. tool or firebug.

You will not detect this with firebug/google until you pause code execution just after loader shows. Even then you cant inspect elements, but you can travel through dom tree in dom inspector.