How do I change the square preloader to an image ( logo) ?
Thanks
Hi,
You can change the preloader with the code:
<div class="preload"> <div class="flat"></div> <div class="square"></div> <div class="square-2"></div> <div class="square-3"></div> <div class="square-4"></div></div>
For ex. if your image preload is example-logo.jpg
<div class="preload"> <div class="flat"></div> <img src="example-logo.jpg"></div>
Then open file style.css and add:
.preload img { position: absolute; top: 50%; left: 50%; z-index: 9; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
Does not work! I did everything you say .. but the website is all black now!
Please change in .preload img: z-index: 99999;Open file scripts.js and replace
$('#preload').addClass('completed');
with
$('.preload').addClass('completed');
Hi,
You can change the preloader with the code:
For ex. if your image preload is example-logo.jpg
Then open file style.css and add:
Does not work! I did everything you say .. but the website is all black now!
Hi,
Please change in .preload img: z-index: 99999;
Open file scripts.js and replace
with