Site logo

Archived topic

Thumbnail images displaying at unusual shapes and sizes

7 replies · Started by Erik on February 8, 2023

Viewing posts 1–8 of 8

Hi, I have a home page built with GenerateBlocks where I'd like the thumbnail of the featured images in the grid to display as horizontals, showing the entire image. They were all cropped horizontally before uploading. However, I have this situation where some of them are horizontal, some are vertical, and some show only a portion of the image. Do you know what's going on? Can I do something to make these grids show the image as it was cropped?

Hi Erik,

I checked the image sources and the images have different aspect ratios. Perhaps some images weren't cropped to the aspect-ratio you're going for?

We can force it to be displayed horizontally but there will be cropping for some images.

Let us know what you think.

I see. That's odd indeed.

I checked your site and it's being served through Cloudflare which is a Content Delivery Network.

Perhaps the images stored there aren't updated yet? Can you try clearing the cache of your CDN? If you didn't set this up, can you ask your Hosting Provider to do it for you?

For reference, this is the image served on my end: https://www.beanpoet.com/wp-content/uploads/2022/12/how-to-buy-coffee-121122-1-546x728.jpg

I cleared the CDN cache but it didn't seem to work. When I inspect it on the home page, I'm seeing a shortpixel.ai image URL with vertical dimensions on it. But in the editor, it's definitely the image I uploaded with horizontal dimensions. I just wish I knew how to get that version back on the home page.

I re-uploaded the image and it now displays as it should. Seems like I'll have to re-upload every featured image that appears on that home page. Thanks for your help.

I see. It might have been a server issue. You're welcome, Erik!

This archived topic is closed to new replies.