StartAce: featured images stretch on the category pages

[davewhitley]

Quick summary

Images that are landscape or horizontal will appear stretched when set as the featured image of a post, and while viewing the category archive. This might also affect any query loop on the site.

Steps to reproduce

1. Open a fresh WP install with StartAce
2. Set a landscape image as the featured image to the default Hello World post.
3. Go to category archive and see the results

A clear and concise description of what you expected to happen.

I would expect the image to fill the available space without distortion.

What actually happened

No response

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

If the above answer is "Yes...", outline the workaround.

Set the CSS object-fit of the image from fill to cover

Platform (Simple and/or Atomic)

No response

Logs or notes

Latest Chrome

[alaczek]

I'm not sure this is a bug - might have been intentional.

The featured images in archives template have a set aspect ratio of 4:3. I think this is a way of ensuring all the images will be the same size.

The easy workaround is to adjust the template and pick a different aspect ratio for featured images, or select "original".

Another option is to select "Cover" under the Scale setting for the featured image... actually, maybe that should be the default, so the images don't get distorted.

[davewhitley]

Agreed, I think it's fine to keep the aspect ratio, but the image should fill the container without distortion.

[iamtakashi]

I think the 100% width was placed to combat the bug in the stack group block, but it will distort the featured image. A better workaround is just using the regular group block instead. cc @henriqueiamarino

[iamtakashi]

The repo for the theme is here: https://github.com/Automattic/theme-startace/

[alaczek]

The repo for the theme is here

Just a note that we're phasing those out, now that all our repos are migrated to GH.

[alaczek]

@davewhitley I pushed a fix for this - let me know if it's working for you.