change the loading icon/animation

Joyvel — Fri, 08 Jan 2016 17:33:57 +0000

I just need some clues to change the loading icon for my own one, what file should I change, code, etc.

Thank you.

Reply To: change the loading icon/animation

IshYoBoy — Mon, 11 Jan 2016 07:55:36 +0000

Hi Joyvel,

The loader is done trough CSS animation. Its styles can be found in the file:
kopy/assets/frontend/css/sass/_preloader.scss

It’s HTML code can be found in:
kopy/wp/wp-content/themes/kopy/header.php

And mainly:

<?php if ( ishyoboy_use_site_preloader() ) { ?>
    <script type="text/javascript">
	    // Output the preloader HTML
        document.write('<div id="ish-site-preloader-holder" class="ish-site-preloader-holder">' +
	    '<div class="ish-site-preloader-content">' +
	    '<div class="ish-site-preloader"><div class="ish-loader"></div></div>' +
	    '<div class="ish-site-preloader-text"><?php _e( 'Loading...', 'ishyoboy'); ?></div>' +
	    '</div>' +
	    '</div>');

	    // Manually remove preloader window after 5 seconds in case JS Error blocks the onload event to be carried out succesfully
        setTimeout( function(){
	        document.getElementById("ish-site-preloader-holder").style.display = 'none';
        } , 5000 );
</script>
<?php } ?>

if ( ishyoboy_use_site_preloader() ) { ?>

} ?>

The rest is up to you ;) Change it however you need.

P.S. The CSS Styles are in SASS format and to change them you need to recompile the whole style.scss file into the Style.css in the main root. So maybe you could simply override the styles with your own in a child theme.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: change the loading icon/animation

Joyvel — Mon, 11 Jan 2016 11:40:27 +0000

Thank you so much!

Reply To: change the loading icon/animation

IshYoBoy — Tue, 12 Jan 2016 07:32:05 +0000

Sure thing Joyvel.
We’re glad we could help ;)

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support Forumchange the loading icon/animation – Support Forum

change the loading icon/animation

Reply To: change the loading icon/animation

Reply To: change the loading icon/animation

Reply To: change the loading icon/animation