-
Posts
-
Hello, Kriesi team,
We’re using the Avia Layout Builder on https://thementageglas.de/test-progamm/, and our client added new image modules to the first section on the page. It should look like this, which works perfectly when clicking “Preview changes” in the back-end:
https://pasteboard.co/JtBw6GQ.pngBut after publishing, it looks like this:
https://pasteboard.co/JtBuGwX.pngThe images turn invisible :-/ I inspected the page and the code is all there, plus, I couldn’t find any CSS rules (opacity, display:none or something) that would render them or their containers invisible, but I might have missed something. I tried putting z-index: 3000 and position: relative on the
tags to no avail, too.
It leaves me dumbfounded how these pictures could just turn invisible on the front end. Do you have any suggestions for us?
Running WP 5.5.1, all installed plugins are up to date, Enfold theme v. 4.5.4.
Thanks!
Matt.Hey Matt,
Thanks for the login details, I see the same problem on my end as well. First off, could you try updating the theme to the latest version (4.7.6.3) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
RikardHey Rikard, thanks for your quick reply and my apologies for my delay for responding in turn. It turns out our support at Envato has expired, which might also explain why we’re on an outdated version of the theme. Not sure why nobody in the office noticed.
I am talking to the boss to renew our support, will install the new version and post back here.
Hi,
Sorry for the late reply and thanks for the login, I checked your page on Windows 10 Chrome, Firefox, Edge, and on Mac Safari & Chrome, but the image “TTG-slogan-TTG-2021_2-833×1030.png” (glass 2021) image shows for me.
My first thought was that you had Lazy Loading enabled in the theme settings and was also using a plugin for Lazy Loading, but I don’t see that is true, and since I see the images it must be something else.
Do you still see this error? What OS & browser are you using?Best regards,
MikeHey Mike, thanks for checking :-) I am still experiencing the problem exactly as described on Chrome, Firefox, Opera and Edge on Windows 10, and on Chrome, Opera and Firefox on Linux Mint 20. I also asked a colleague to check on her Mac, and she’s experiencing the same issue there, too, on Safari, Chrome and Firefox. Same in incognito windows.
I was wondering, too, whether this might have to do with lazy loading, especially because I see a class called, “avia-img-lazy-loading-not-824” on the image. With WP having introduced built-in lazy loading in 5.5, I went ahead and put a snippet in functions.php to disable the feature:
// Disable WordPress Lazy Load
add_filter( ‘wp_lazy_loading_enabled’, ‘__return_false’ );Even after that, the images still don’t display for me on the above-mentioned browsers and OSes. Same result when I disable lazy loading in the Enfold theme’s settings.
Hi,
Thanks for the feedback, that is strange, I checked again using a VPN and different IPs from different countries, but the images always showed, I also tested with browserstack.com so the results would be independent of my machines, and a webpage screenshot service, but I couldn’t recreate your issue.
Please try testing with browserstack.com or a VPN to see if you get the same results as I.
Please see the screenshots in Private Content area.Best regards,
MikeHi Mike, I see in one of the screenshots that you seem to be looking at thementageglas.de. Are you sure you’re looking at the affected page, https://thementageglas.de/test-progamm/?
Hi,
Thank you for pointing that out,🤦♂️ so considering the difference between your homepage & your test page I removed the code block contents at the bottom of the page which is an iframe for google maps? This restored all of the images.
I added it back for you to review, please try removing it and checking the code.Best regards,
Mike
- You must be logged in to reply to this topic.