Replace Infinite Scroll Loading Gif

Support
#1

Hello, I have a website running X Pro 3.2.3 and added Jetpack’s Infinite Scroll to the blog posts page. You can see it here. Upon clicking the “Interested? See more” button it gets replaced with a spinner loading gif before the rest of the posts are loaded. I want to replace this gif with a custom SVG animation I have.

Based on previous threads on the forum, I tried to target #x-isotope-loading but it doesn’t seem to be the right one. Where is this loading gif located and how can I replace it?

If anyone can point me to the right direction that’d be great, thank you!

#2

Hello @jessebrito,

Thanks for writing in! Be advised that the #x-isotope-loadingID will only appear if you are using the Masonry layout. At the moment, you are just using the Standard layout. This setting can be found in Pro > Theme Options > Blog > Style and it will not apply to your current setup. The loading image right now is actually coming from the Infinite Scroll itself. You may need to consult the source of the code that you added in your site.

Be advised that this is already a modification of the theme which is beyond the scope of our support already. You may need to consult 3rd party developer for further assistance.

Best Regards.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.