Images slightly blurred

Hi Real-3D,

On the pc that has blurred images, can you try to inspect and see if it fetches the CSS code suggested above?

Best regards,
Nikko

Hi Real-3D,

Try to do the following:
1. Right-click on any part of your site, then click Inspect.
2. Press Ctrl + F (and a search bar should appear below).
3. Search for: wp-image-3451 (this would highlight the image element)
4. Click on the highlighted text wp-image-3451
5. Then take a screenshot and post it here.

This video might be helpful on how to inspect element: https://www.youtube.com/watch?v=1l4xz1QQhew

Best regards,
Nikko

Hi Real-3D,

Thanks for providing the screenshot, however, it’s the main tag that was selected, you can also see in the Styles (tab) in the right that it’s the main’s CSS properties are shown.
Please do the same except just click on the img tag.

Best regards,
Nikko

Hi Real-3D,

Thanks for providing the screenshot and I apologize for the delayed response.
Can you try adding this CSS code as well:

#top .mfp-content img.mfp-img {
    image-rendering: pixelated;
}

Best regards,
Nikko

Hi Real-3D,

Can you try to inspect the image in the lightbox and see if the code I suggested is showing up on the left side (styles tab)?

Best regards,
Nikko

Hi Real-3D,

No worries, I have checked your site and I could actually see the code reflecting on your site.
Can you try to clear your browser cache? I think older css is fetched by your browser that’s why it’s not reflecting the changes.

Best regards,
Nikko

Hi Real-3D,

You’re welcome :)
Unfortunately, I don’t have any more ideas to try on the topic, I believe it boils down to how browsers render images.

Best regards,
Nikko