-
Posts
-
I noticed this problem, i am not 100% sure if it happened before but i just updated Enfold and WP to the latest versions.
If i add an image using the image component that you find under media elements tab, the image do not appear. This happens everywhere, in blog posts or pages. I enabled the debug mode and i see a shortcode appearing correctly[av_image src='https://www.garfagnanadream.it/wp-content/uploads/2020/05/santuario-argegna-garfagnana-3-scaled.jpg' attachment='4671' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' title_attr='' alt_attr='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid='av-kb19pptg' admin_preview_bg=''][/av_image]And it gets translated to html when i inspect the page’s code (i extracted this bit from page’s source):’
<div id='main' class='all_colors' data-scroll-offset='88'> <div class='main_color container_wrap_first container_wrap fullsize' style=' ' ><div class='container' ><main role="main" itemscope="itemscope" itemtype="https://schema.org/Blog" class='template-page content av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-4746'><div class='entry-content-wrapper clearfix'><div class='avia-image-container av-styling- avia-builder-el-0 avia-builder-el-no-sibling avia-align-center ' itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><img class='avia_image' src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20viewBox%3D%270%200%203%202%27%3E%3C/svg%3E" data-src='https://www.garfagnanadream.it/wp-content/uploads/2020/05/santuario-argegna-garfagnana-3-scaled.jpg' alt='Santuario Argegna in Garfagnana' title='' height="1280" width="1920" itemprop="thumbnailUrl" loading="lazy" /></div></div></div></div></div></main> </div></div> <footer class='container_wrap socket_color' id='socket' role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" > <div class='container'> <span class='copyright'>© Copyright - Garfagnanadream - 2020 </span> <ul class='noLightbox social_bookmarks icon_count_2'><li class='social_bookmarks_instagram av-social-link-instagram social_icon_1'><a target="_blank" aria-label="Collegamento a Instagram" href='https://www.instagram.com/garfagnana_dream/' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_facebook av-social-link-facebook social_icon_2'><a target="_blank" aria-label="Collegamento a Facebook" href='https://www.facebook.com/garfagnanadream/' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Facebook</span></a></li></ul>If you look at it you can see that there is an img tag:
<img class='avia_image' src="data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20viewBox%3D%270%200%203%202%27%3E%3C/svg%3E" data-src='https://www.garfagnanadream.it/wp-content/uploads/2020/05/santuario-argegna-garfagnana-3-scaled.jpg' alt='Santuario Argegna in Garfagnana' title='' height="1280" width="1920" itemprop="thumbnailUrl" loading="lazy" />But i don’t see it, blank page.
I just disabled lazy loading plugins and minifications plugins, i enabled devloping mode on cloudflare and cleaned every cache. Problem still persists.
In the private content box i attached you the link to a blog post containing an image.Plus, i found out some other problems:
– i am having problems (this time only on IPad) with other images not appearing as background in row grids, i attached the page too.
– i am having problems (also this seems to happen only on IPad) with images scaling very badly in color sections at the top of the page, and in fullwidth slider in the home.. attached links to this too
– this may not be related, the hamburger menu did not show up at resolutions that made the top menu bar overlap on the website logo, it looked very bad but i fixed it with a code that forces hamburger menu to show up at higher resolutions. It’s fixed, but i wanted to let you know.
Overall the theme seems very broken since last update, i don’t remember it to be so broken before updating to latest version
I attached you also a temp. access admin login, thanks.
And i just found out a new one… if you click on an image from a gallery (by the way the gallery actually works) when you are not logged in, it does not open the lightbox. Instead it opens the image file! Try at the attached link when you are not logged in to the site:
(very similar to this issue: https://kriesi.at/support/topic/lightbix-not-working/)
So i disabled the child theme and moved my functions to a plugin called code snippets… i came to the conclusion that:
– lightbox not working correctly was not related to the child theme since it is still bugged
– images are still not loading
– the ipad image scaling bug happens when image is set to be “fixed” instead of parallax, and it happens only when the ipad requests desktop page! this happens also in one of your demo sites (https://kriesi.at/themes/enfold-freelancer/).. just try to open it with an ipad pro in portrait mode.I asked for your help 8 days ago, and you still gave me no answer. I am waiting for your reply to continue the work for my client because your product is bugged, and it’s not my fault. I need your assistance.
Hi,
Sorry for the delay. The image doesn’t display because the lazy loading plugin is disabled. You have to move the value of the data-src attribute to the actual src attribute of the image.
<img class="avia_image" title="" alt="Santuario Argegna in Garfagnana" width="1920" height="1280" src="https://www.garfagnanadream.it/wp-content/uploads/2020/05/santuario-argegna-garfagnana-3-scaled.jpg" />Best regards,
IsmaelI disabled the lazy loading just to see if it was it’s fault, it didnt work when it was enabled too. Please could you read my messages?
Hi,
The image doesn’t display because of this css code. It was probably added in the Quick CSS field or the child theme’s style.css file.
.avia-image-overlay-wrap { margin-top: -1750px !important; margin-right: -60px !important; width: 30% !important; z-index: 2 !important; }Please remove it then disable the Performance > File Compression settings temporarily.
Thank you for your patience.
Best regards,
Ismael
- The topic ‘Images added with image component under media elements do not appear’ is closed to new replies.