Found the same question elsewhere, but no answer there :-/
I’m trying to figure out how I size my featured images properly on the post lists page. Sometimes I set the featured image from my media gallery, and sometimes I set it via an external URL with Nelio External Featured Image Plugin.
In the post lists section, I set the options to rectangular, max height 300, and top position.
When I’m on my desktop and view fullscreen (my monitor’s resolution is at 1280×1024), the featured images zoom in and cut off the top and bottom of the image. If I make the window smaller, then I see more of the vertical image, but it really depends on the size of the window.
Since featured images can be varying sizes, how do I go about ensuring that all of the image is seen on various devices and window sizes?
I would like the featured image to always try to show the entire image if possible. If the window is too small, the browser should dynamically resize the image so it fits. If the window is too large, the browser should display the image in its original size and center.
Is this possible?
My site is https://blog.warghs.com . You can take a look at the post that is about Peter Griffin and you can see the head and bottom are cutoff because it’s zooming in.
I’ve tried various plugins and tweaking the image sizes, but since every featured image size is going to be different, I don’t want to have to photoshop everything to the right size on every post.
Suggestions?