[BrianC]

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.

You can see this at https://www.celllifechurch.org/category/resources/sermon-notes/

I would like these thumbnails to retain their 16 X 9 resolution ratio when the theme resizes them. How do I do that?

Thanks,
Brian

[Grace Themes]

Hi,

To solve this issue, Go to the Appearance -> Editor -> style.css
add below css code at the end of file

@media screen and (max-width:767px) {
.blogrightsidebar .post-thumb { width: 100% !important; margin-bottom: 10px; }
}

Regards
Grace Themes

[BrianC]

Hello,
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.

Brian

[Grace Themes]

Hi,

The blog posts images are looking well in all display devices.
Please check your website in https://www.responsinator.com

Regards
Grace Themes

[BrianC]

Hello,
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.

You can see what I see in these screenshots:

https://drive.google.com/file/d/1V0r9oHS0gbZMKMpTOpoCi-F5iwhxy3sf/view?usp=sharing
https://drive.google.com/file/d/1-WNhjFooB3HGsTfC7Sdvp1K-8zkhEja2/view?usp=sharing
https://drive.google.com/file/d/1ElqcPKJPC26UQI25Z2_AcBTQPeb_69Pr/view?usp=sharing

[Grace Themes]

It is not possible to display full responsive images in small screen size devices.

[BrianC]

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?

[Grace Themes]

Hi,

Please send your website URL and WordPress admin login details at [email protected]
we will check and assist you quickly.

Regards
Grace Themes

[Author]

Posts