Hi @mtporter
Did you use some kind of page builder to publish the slider? Is it possible that this gray background is the background color of the slider’s conainer?
If you publish this slider to another page do you still see the gray background?
Can you share a link to the page where this problem occurs to check out what’s going on? If you don’t want to put the link to a public forum, you can share it privately here:
https://smartslider3.com/contact-us/support/?ref=https://wordpress.org/support/topic/glitch-4/
Yes, used a page builder. The one that starts with a E. So Smart Slider(s) have a conflict with page builders?
What I did since all 3 sliders have same background is within the sliders I removed the backgrounds and used the page builder option for background.
However I know that this is probably NOT the preferred way especially if the slider had 3 different backgrounds.
It might be that the container’s background shows through for some reason. Without being able to see the site with the problem, I can’t really tell more.
But I’ve seen a couple of cases when the container’s background was visible before the slider’s on page load, but if the issue pops up after the page loaded, it might be something else.
Can you share a link to the page where I could take a look at the problem?
I’ve sent a link in private
Hi @mtporter
Thanks for the link!
Looks like the problem is caused by some kind of 3rd party lazy loading plugin, which tries to lazy load our images, just it’s not doing it properly, and the image source stays empty:
<img data-original="/wp-content/uploads/2020/03/1657858.jpg" alt="" title="" loading="eager" class="lazyload skip-lazy" data-skip-lazy="1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=">
That is why you see the container’s background when you switch slides.
We’re trying to exluce the slider from 3rd party lazy loading plugins, because they usually create problems like this. Which lazy loading plugin are you using? If you’re not sure, try running a plugin and theme conflict test:
https://smartslider.helpscoutdocs.com/article/1735-how-to-do-a-plugin-theme-conflict-test
Most lazy loading plugins have an “exclude” option, where you can add class names which they’ll ignore. Try adding the “skip-lazy” class. If there’s no exclude option, please tell me which lazy loading plugin you’re using!
Lazy load was ‘on’ for the theme. Turning off fixed
Plugin Support
Laszlo
(@laszloszalvak)
Hi @mtporter
Thanks for informing us about that the problem was connected to the lazy loading feature of the theme it self. In this case I mark this topic as resolved.
If you would like to continue using the lazy load feature of the theme, then I would suggest getting in touch with its developers and ask them to exclude this class from their lazy loading:
and maybe this data attribute as well:
Since a lot of plugin use these to exclude images from third party lazy loading, also usually the popular lazy loading plugins respect these as well.
