Support

February 27, 2023 at 2:38 pm

Hi Christina,

The size of the images you ar loading is 320x320px but you are upscaling them using CSS to 380×380, as soon as you start to scale an image large than its original size you’ll get blur, the larger you go the more blur.

You can either set your CSS to load the images at their original size of 320px, or override the template used by the grid template add-on with a custom version from within your theme and set the size to load something larger than the thumbnail image from your site which I can add some details on if you are comfortable with FTP/File manager?

February 27, 2023 at 4:46 pm

It’s from the original image.

Here is the image as it is by default: https://neudikids.ch/wp-content/uploads/2022/09/winterkurs22-320×320.jpg

You’ll notice that image is blurry.

What size image are you uploading?

February 28, 2023 at 11:40 am

When you upload an image to WordPress it uploads the current file and then generates various images at the sizes set within your site.

So your original file is indeed fine:

https://neudikids.ch/wp-content/uploads/2022/09/Winterkurse-Ballschule-01.jpg

But the file generated for thumbnail size:

https://neudikids.ch/wp-content/uploads/2022/09/winterkurs22-320×320.jpg

Was blurred, as EE calls the thumbnail version it’s getting a file that is already blurred before doing anything else.

I don’t use SMUSH Pro but if it’s setting the quality of the generated images then yes it it likely part of why this is happening.

Does it have options to change the quality of the images generated?

March 13, 2023 at 9:48 am

It’s pretty bad I can’t find the bug why the images are blurred….
it seams it’s something with Eventespresso, as per everywhere else on the website the image looks sharp.

This isn’t a bug within Event Espresso, all it’s doing is asking your site for a thumbnail image and using whatever image is passed back from your site, we don’t have any control over how the images are generated.

We can work around that within the template by requesting a different image file size, but that’s still not really a bug with the add-on, it’s using whatever it’s given.

Are you using a child theme? If so, copy the template into the root directory of the child theme:

\wp-content\plugins\eea-events-grid-view-template\templates\espresso-grid-template.template.php

Change this line:

$feature_image_url = $post->EE_Event->feature_image_url();

To be this:

$feature_image_url = $post->EE_Event->feature_image_url('full');

Is the image blurry then?