Thumb images distorted

[Nic Morris]

Hi,
Working on a demo site at the moment (http://nupsa.thedesignpeople.com.au/workshops-events/ ) and have set up the list view with thumbnails. The images in thumbnail format seem pixel distorted and I can’t work out how to fix. When clicked on they are fine though.
Any ideas if its something that can be fixed?
Thanks

[Geoff B.]

Good evening Nic and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

What is going on is that the customization you have done uses your WordPress site’s thumbnail format (150×150 px), but the image has a width 100% CSS rule that re-sizes the thumbnail to 240×240.

This is why the image is blurry. My recommendation would be to either:

1. Tweak you customization to use a different image size than thumbnail (e.g.: medium)
2. Run a thumbnail regeneration plugin on your site after changing your WordPress thumbnail size setting to 240×240 px

Let me know if that helps.

Have a great day!

Geoff B.

[Nic Morris]

Perfect Geoff! I just changed my function.php and it worked a treat! Thanks heaps mate!

[Geoff B.]

Good evening Nic,

I am stoked that this worked out for you!

Kudos on that.

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts