Black Friday & Cyber Monday Offer | Flat 20% OFF on Lifetime & All Themes Package. Use coupon code BFCM24 | Offer valid till 5th Dec 2024 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

The Church | Blog Archive Thumbnails

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #21776
    BrianC
    Participant

    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

    #21795
    Grace Themes
    Member

    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

    #21799
    BrianC
    Participant

    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

    #21833
    Grace Themes
    Member

    Hi,

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

    Regards
    Grace Themes

    #21843
    BrianC
    Participant

    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

    #21882
    Grace Themes
    Member

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

    #21892
    BrianC
    Participant

    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?

    #21913
    Grace Themes
    Member

    Hi,

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

    Regards
    Grace Themes

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.