Disable preloader

[Agnes]

Hello! I’d like to use my own custom preloader, how do I disable yours?

Thanks!

[Nico]

Hi there Agnes,

Thanks for getting in touch with us!

I guess the simplest way would be to do this via CSS (here’s the loader mark-up: https://cloudup.com/c6MWuKi9mMl). Just hide the image inside of it and add a background image to the element. You can also just hide the loader if you prefer to ‘disable’ it instead of changing the graphic.

Please let me know if this helps you out,
Best,
Nico

[Dan Feeley]

Agnes,

I stumbled across this post this past weekend while looking to do the same thing. Were you able to get your custom preloader to work?

I tried to apply every CSS change I could think of and the most I could do was hide the existing image (although the white lightbox effect was still active). Any other information/tips would be greatly appreciated.

Thanks.

[Nico]

Hey Dan,

Thanks for chiming in! Can you please send a link to your website where I can see this? Also, what specifically are you trying to do?

Best,
Nico

[Dan Feeley]

Hello Nico,

Here’s a new Test Site that’s setup with a custom (animated gif) preloader. Ideally I’d love to get Events Calendar to use the custom preloader instead of the default.

[Nico]

Hey Dan / Agnes,

Sorry for the delay in my reply! Let’s see how to do this!

First of all this is the markup of the pre-loader:







And this CSS will force the image form your site Dan:

.tribe-events-ajax-loading.tribe-events-active-spinner img{
display:none;
}

.tribe-events-ajax-loading.tribe-events-active-spinner {
background-color: transparent;
background-image: url('http://wildcat.mystudioengine.site/wp-content/uploads/preloader.gif');
background-position: 275px 230px;
height: 50px;
width: 150px;
}


Paste the code into your custom stylesheet or via Simple Custom CSS plugin. This might need a few adjustments but it’s a solid starting point 🙂

Best,
Nico

[Dan Feeley]

Thank you Nico. You definitely did all the heavy lifting.
It appears to be working perfectly.

Thanks again.

[Nico]

Stocked to hear Dan! You are welcome 🙂

@Agnes, this solution should work for you as well. Can you please try it out and confirm if it works for you too?

Best,
Nico

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts