Tagged: blog grid
Hi
I’ve read a closed post with a similar question here but it doesn’t work for me.
I selected a blog grid for my blog page but had the images set to ‘Set the Preview Image size automatically’. We were seeing a images with a set width but the height was varying depending on the uploaded image. This obviously makes the grid look bad as there is no uniformity to image sizes. I have now changed to ‘Choose the preview image size manually’ (180 x 180) and also downloaded and run Regenerate Thumbnails but nothing changes (cache emptied each time I try).
Any suggestions? Also, if I upload an image with a portrait aspect ratio should I expect it to be cropped to 180 x 180 or should I expect the aspect ratio to be amended?
Thanks
Mark
Hi MKW270210!
You can define a minimum and maximum height for the blog grid featured images. Add this on Quick CSS:
.post-entry .slide-image img {
width: 100%;
min-height: 100px;
max-height: 100px;
}
The code will constrain the images on a specific height. You just need to experiment which thumbnail size on “Preview Image Size” generates the best results.
Cheers!
Ismael
Brilliant. Thanks for that
Mark