-
Posts
-
Hi,
I have a queustion related to my masonry gallery images. When i open my images, they are slightly blurred, like “low quality”.
This happens when using Chrome, with firefox everything seems to be ok…
In private content there’s a link of my website whith this incorrect behavior.
Any tips about how to solve this issue?
Thanks a lot for your support!Hey Real-3D,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi, and sorry for my very late reply. I thought the problem was solved, but instead the images are still blurred.
I insert the access data here in private content to access to my website.
Thanks a lot!Hi Real-3D,
I checked your site and it seems to show all images clearly.
If you browse to the bottom directly, you would see some images not yet fully loaded and blurry but once the images are fully loaded it’s clear and sharp.Best regards,
NikkoHi,
unfortunately I tried to see a little while ago and the problem persists.
Just try to open the same image with Chrome and Mozilla to see the difference: in chrome it is slightly blurry :(
Any tips about how to solve the problem?
Thanks a lot!Hi Real-3D,
This code seems to take effect on Chrome but not on Firefox:
.av-masonry-image-container img { zoom: 2!important; }Can you try to remove it and see if this is the cause?
Best regards,
NikkoHi Real-3D,
Did you update the PHP version of your site?
It seems the WordPress debugger is turned on: https://wordpress.org/support/article/debugging-in-wordpress/ turning it off should temporarily fix it and should be able to login.
If you are having issues on turning it off, please provide us with FTP access.Best regards,
NikkoHi,
no, i didn’t update php version, I don’t even know what it is…! I’m not too knowledgeable on the subject, so I would ask for your help, if possible :)
I never used FTP ACCESS as you requested, I just created one, hope to give you the correct data (all in Private Content).
Thanks!Hi Real-3D,
Thanks for giving us FTP access.
It seems the version of Enfold is a bit older (4.5.7) which caused the issue, I have already updated it to 4.8.3 which is the latest version and should fix it however, another issue is also preventing the change which is caching and I believe it’s on the server/hosting since no caching plugin is listed in the plugins folder. I tried to move both enfold and enfold-child outside the themes folder which should revert the site to use the default WordPress theme but this did not happen and the Enfold theme was still showing up (I have moved it back into the themes folder). Please flush out the cache from the cPanel or request assistance from your hosting provider to do this.Best regards,
NikkoHi,
thanks a lot for the help, noww it seems to be all ok on my website!!I have a question, since I’m not good at the subject, I didn’t really understand what you mean by the phrase: “another issue is also preventing the change which is caching and I believe it’s on the server/hosting since no caching plugin is listed in the plugins folder”.
What is a “caching plugin”?
What should I do? :(Thanks and best regards
I checked the site better but it seems that on some pages the previous problem persists…
What should I do?
Thanks!Hi Real-3D,
I have checked your site again on my end and the same issue you posted still shows up.
As for the caching I mentioned, it’s basically an optimization thing added to sites so it can perform faster, basically instead of the server recalculating pages in every request, the server (or most of the times plugins) saves your site and makes static pages, so whenever a visitor visits your site it will just fetch the saved/static pages which is really good but the most common issue with this is if there are changes made on your site it also does not show up instantly unless the cache is flushed (so it could regenerate a new one).
There are some hosting provider which has a built-in caching feature for their sites and I think your hosting provider also provides this feature on your site however the controls on this is accessible only via cPanel, which is like a backend for your whole site (includes things such as databases, file manager, etc) however if you are having a hard time finding this then you can request your hosting provider to flush out the cache for you.Best regards,
NikkoHi,
thanks, i flushed out the cache as mentioned, and now all is ok! :)
Unfortunately the initial problem for which I was asking for assistance persists, because the images in the galleries continue to be slightly blurred when opening the site with Chrome.I tried to remove the code
.av-masonry-image-container img {
zoom: 2!important;
}But the problem is not solved.
Any tips?
ThanksHi Real-3D,
Please try this code, it seems to make the image sharper:
.av-masonry-image-container img { image-rendering: pixelated; }Best regards,
NikkoHi Real-3D,
I believe caching prevents the changes you made as I don’t see the code anywhere.
I have posted two screenshots in private content, one for the current and the other when the code is applied via web inspector.
You’ll need to zoom in to see the difference in the image.Best regards,
NikkoHi and thanks, Nikko,
I initially tried the code but i removed it because it didn’t work, this is because you didn’t see the code anywhere.
I tried to rewrite it in CSS, flushed out the cache, waited some hours, but it seems not to work..
I can see the difference in the images you posted, but here, opening my website on Chrome, images are still blurred… :(
What can I do?
Best RegardsHi Real-3D,
I don’t see the code being fetched.
You can try to inspect it using the web inspector of the browser you are using.
You’ll just need to right click over the image and click Inspect (you’ll see it in the screenshot I gave), you just need to make sure the image is selected and hover over the CSS properties applied to it on the Styles (right side of the panel).Best regards,
NikkoHi and thanks.
the code is correctly inserted in general styling- Rapid CSS, i dont’t know what to do when you suggested to inspect the image…For Guenny007: here’s the imagen:
Current: https://imgur.com/mDaEsVL
Code Applied: https://imgur.com/X46WE86Best regards
Hi Real-3D,
You can watch this two minutes video on how to inspect an element: https://www.youtube.com/watch?v=1l4xz1QQhew
You’ll just need to right-click over the image and click Inspect (you’ll see it in the screenshot I gave), you just need to make sure the image is selected and hover over the CSS properties applied to it on the Styles (right side of the panel).
Hope this helps.Best regards,
NikkoHi and thanks.
Inspecting my website’s page as you suggested, selecting and hovering over an image, in css the code seems not to be inserted (i can’t find it).
But, how i wrote, the code is correctly inserted in general styling- Rapid CSS in my wordpress panel.
What can i do?
ThanksHi Real-3D,
I tried to look into the merged css file (link in private content) and I could see this code, is this the one you added?
avia-icon-pos-left .av-masonry-image-container img { image-rendering: pixelated }this one won’t be working because it’s missing a dot and even if it has a dot in the beginning it’s still the wrong class.
Please try to replace it with:#top .av-masonry-image-container img { image-rendering: pixelated }Best regards,
NikkoHi and thanks,
i tried to replace the code with the one you provided, but the images are still blurred..
Any other tips?
Thanks a lot!Hi Real-3D,
I have checked your site and I could see that it’s applied and working properly on my end.
Can you try to clear your browser cache?
If that still does not work, can you try to give us a screenshot on how it looks on your end? just for comparison.Best regards,
NikkoHi and thanks,
I tried to clear my cache but the issue still remains.
I tried on another PC and it seems it’s everything ok…but i wonder why, on my first pc, the images are still blurred…
Hi Real-3D,
Probably it’s due to browser caching.
Try to clear your browser cache on your first pc.Best regards,
Nikko
- The topic ‘Images slightly blurred’ is closed to new replies.