WrapBootstrap

Discussion on Alkaline - Multipurpose Template

Showing 1 – 1 of 1 replies
markspurs

Step Of Web I need to change the […]

markspurs PURCHASED
9 years ago
Hi Step Of Web

I need to change the website pre-loader > spinner.gif, file.

I have customized my website with a darker background and the website pre-loader GIF file does not render nicely on a dark background.

Do you know where in the template files i can change the code so the website template pre-loader looks for a PNG file ?

I need to change the spinner.gif to a PNG file.

Once i am able to update the code to look for a PNG file, i can then upload a PNG file in.

Do you know where this code may be located in Alkaline Template files ?

Thank you for your support and really great template.
Reply
stepofweb
stepofweb SELLER
9 years ago
Hello,

You can find the spinner on index.html file.
This is the line:

<img id="cycle-loader" src="assets/images/spinner.gif" alt="loader" />

There is an animated gif.
If you want to replace it with a PNG, you need to add to your CSS:

#cycle-loader {
-webkit-animation: rotate .6s linear infinite;
animation: rotate .6s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
} to {
-webkit-transform: rotate(360deg);
}
}
Reply
Close