Your images are resizing to 150px x 160px because of a 5px padding on the top and the bottom. By looking at it using developer tools and inspecting the element, it looks like this is a setting applied to all images and coming from your theme. I think the best way to deal with it is to disable this in your custom css. Go to Appearance and look for Custom CSS. If you don’t have that option, you can use a plugin like Simple Custom CSS. Paste in the following. This should only change image settings in the grid.
.postimage img
{
padding-top:0px!important;
padding-bottom:0px!important;
}
Please let me know if this works so that I can mark this as resolved.
I added the code and saved (because I do not like padding anyway) but the thumbs in the grid are still not shown properly.
All thumbs behave normal, a square is cut from the center of a rectangle image. But in the grid the rectangles are squeezed into a square shape.
Please excuse my english, normally it is ok but technical terms like this are giving my a hard time 🙂
I google “compress” an image, but I get wrong answers for that…
No idea why the grid works that way, yesterday I added an additional plugin to edit thumbnails but still all thumbs work fine except the grid ones.
PS: I could solve the problem by always adding square featured images to all posts, but for some other reasons I need to keep some images as a rectangle
Oh, I misunderstood your issue. I think what you want is proportional sizing…set the width=”auto” in the shortocde but leave the height as “150” or whatever your height should be. Tha way, the width will stretch proportionately.
Like this:
[thumbnailgrid height=”150″ width=”auto”]
That did the job, thank you so much!
