Resize product images so they are all the same size in DAWN theme.

[RC94]

Hi!

Can I please have some code to add my store so that all the product images display the same size.

They are currently all different sizes , some square some rectangle when clicking on ' Shop All' or within a certain collection. I would like them all the same size accross the board.

Please see photo below of different size images- I would like them all rectangle so they look more professional.

website :

Charlie Helena Collection- Mum & Babe Outfits |Accessories | Boho Rugs – Charliehelenacollection

[RC94]

Hi Jessica this didn't work unfortunately, Is this where it was supposed to be pasted? Is the code correct?

[RC94 · Accepted solution]

Thank you Jessica for correcting this for me ! 

[BSSCommerce-HDL]

Hi @RC94, You try to select portrait

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[RC94]

I am wanting it to be the consistent size on all sections of my website not just a certain section for example, every drop down menu, featured collection etc which is why I was hoping for some code 🙂

[BSSCommerce-HDL]

Hi @RC94, 

{% if template.name == 'collection' %}
<style>
.ratio:before {
    padding-bottom: 130% !important;
}
</style>
{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[RC94]

Where am I putting this code? theme.liquid or css file?

[BSSCommerce-HDL]

@RC94 Oh sorry. I missed it

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag