Re: Blog Post Feature Image of Empire Theme is cropping too narrow to an odd ratio

Blog Post Feature Image of Empire Theme is cropping too narrow to an odd ratio

Gideon_Lupine
Shopify Partner
14 0 3

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/pfbid0aq4ewMV3YW5tQJSyMZhfpmxNEE3eu9YiaRfRi7EuhyV5AH9YZ...

 

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?

 

 

Replies 3 (3)

Gideon_Lupine
Shopify Partner
14 0 3

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 %}
<figure
class="article-image article-image--{{- section.settings.featured_image_width }}"
{%
render 'rimg',
img: article.image,
size: '1800x',
lazy: true,
crop: 'center',
background: true
%}
>
{%
render 'rimg',
img: article.image,
size: '1800x',
crop: 'center',
lazy: true,
canvas: true
%}
</figure>
{% endif %}

 

Is there a way for me to edit it so that it does not crop the blog post feature image to 1200x500 pixels?

adamnyc31
Tourist
14 0 1

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!

Gideon_Lupine
Shopify Partner
14 0 3

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.