I am using the Empire Theme from Pixel Union. It crops Blog Page Feature images to a non-standard ratio.
I am using standard 16x9 ratio feature images for my blog posts.
They are great images. They share well on social media. https://www.facebook.com/CALIStrongUSA/posts/pfbid0aq4ewMV3YW5tQJSyMZhfpmxNEE3eu9YiaRfRi7EuhyV5AH9YZXjjdhLy9iD5SSFjl
The feature images display properly on blog pages https://store.cali-strong.com/blogs/news
They appear properly in Blog posts section of the theme https://store.cali-strong.com/ used at the bottom of the page above the footer.
All using 16x9 ratio images. Nothing gets cropped.
However, on the actual blog post itself, it crops it to a weird narrow 1200 × 500 px shape that is not 16x9 and it looks awful https://store.cali-strong.com/blogs/news/bill-walton-basketball-icon
How can I get it to display the non-cropped 16x9 image?
Inside of Empire in the code editor in the Sections Folder inside of static-article.liquid I have found the following code:
{% if article.image %}
{%
render 'rimg',
img: article.image,
size: '1800x',
crop: 'center',
lazy: true,
canvas: true
%}
{% endif %}
Is there a way for me to edit it so that it does not crop the blog post feature image to 1200x500 pixels?
Did you find a solution for this? I’m also using the Empire theme and have the exact same issue. If you found a solution would you be able share? Thank you!
No, I switched my theme to Gain. Their tech support is really responsive. Not to mention, their theme is 3 times faster. I can’t believe how slow Empire was. It was really costing me.
https://themes.shopify.com/themes/gain/styles/the-lace
I can never undersand why themes crop blog post feature images to weird ratios instead of the standards used. I have no idea where 1200x500 comes from. It is just dumb.