First image blurry in sliders

Hello Jose-

Thanks for reaching out, and thanks for using the Post and Page Builder for WordPress.

I checked out one of the pages on your site, showcase-2/art-makers, and I can see what you mean.

I’ve never seen anything quite like this before, but it looks like your theme, themify-elegant, has its own built-in image lazy loading system that might be the cause.

When I inspect the page, I can see some classes on the blurred images: tf_svg_lazy and slick-lazyload-error. I wasn’t able to find any documentation on this feature, but a google search seems to indicate that it’s related to the Themify PageSpeed Framework.

It looks like the way that this works is that the theme creates a Scalable Vector Graphic (SVG) based on your image, blurs it out, and is supposed to use JavaScript to replace the SVG with the real image when the user scrolls to view the image, but that JavaScript isn’t working.

I searched the Themify Elegant documentation and I couldn’t find any mention of how to troubleshoot this, but you may be able to contact Themify Support and ask if there’s a way to either exclude the sliders from the lazy loading, or to troubleshoot why the JavaScript source replacement isn’t working as expected.