Featured Image Sizing Problem on Blog Page
-
I use the Ascendant child theme of Allegiant. For blog post featured images, I size my images to 778 wide as that is the max width on post pages. At full browser width, feature images on post pages look correct and reduce correctly as browser width reduces.
Example URL
https://emusements.com/new-gags-guest-stars-2-reasons-youll-love-sounds-sketchy-season-3Featured Image
https://emusements.com/wp-content/uploads/2021/05/sounds-sketchy-season-3-v2.jpgThe problem is that on the Blog page, the theme seems to pull an alternate/smaller (600×400) version of the image (one which does not appear in my Media Gallery).
URL
https://emusements.com/blogExample Image
https://emusements.com/wp-content/uploads/2021/05/sounds-sketchy-season-3-v2-600×400.jpgMoreover, the HTML/CSS on the blog page then does some sort of resizing and the image gets not only skewed but cropped. And looks really bad.
I used to optimize my featured images to 600×400 so that they would look good on the Blog page, but then they were resized and looked bad on the individual post page.
I cannot find any way to override this in the Customization UI or in CSS. If I use Chrome Inspector to temporarily revised the URL on the Blog page to the “regular” version of the image (the one in my Media Gallery that appears on the actual post page), it renders fine and resizes correctly.
Why is this happening? Is there a way I can override or a fix the theme can make?
The page I need help with: [log in to see the link]
- The topic ‘Featured Image Sizing Problem on Blog Page’ is closed to new replies.