I am using The Church on a site and on a category archive page of posts all the thumbnails displayed have not kept their resolution ratio (16 X 9) when being resized by the theme so they look squished.
Thank you, but that dod not have any effect. The suggested code has been added to the end of the theme’s style.css file and all cache’s emptied but the thumbnails still are not proportioned correctly.
I have checked my site using the emulator you provided. This is for a mobile device. That said, the images are still not rendering correctly there or in desktop browsers. We are very intentional with these graphics and they should all have a ratio of 16X9 in their resolution. The images are all stored as 1920X1080 jpeg images and should maintain the 16X9 ration when resized and used as thumbnails.
These are jpeg images that are being resized by the theme and are losing their resolution ratio. They should maintain their 16X9 resolution ratio. Screen size is irrelevant. As you can see by the screenshots linked in my previous post, the images look the same on both desktop browsers and mobile browsers alike. When the theme’s styling resizes the jpeg featured images for the blog archive pages, it should retain their resolution ratio of 16X9.
What changes to the CSS in this theme need to be made so those graphics maintain their 16X9 ratio when being resized?