Edit product card image aspect ratio

Store Design
,

Topic summary

A user is trying to modify the aspect ratio of product card images on their Shopify store’s home and collections pages to make them taller, allowing models to better fill the card space.

Current situation:

  • All images are uploaded with a square aspect ratio
  • The user successfully changed the aspect ratio using theme settings but wants to implement this via CSS code instead
  • Images are included showing the desired outcome

Response received:
Another participant suggests checking the theme’s customization settings, specifically the product card section, which may have built-in options to adjust image aspect ratio.

Status: The discussion remains open with a potential solution direction provided, but no concrete CSS code or definitive resolution yet.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

How to edit the aspec ratio for the images on the home page and also on the collections page so they become taller? I need this in order for the models to fill better the card space.

Please notice: All pictures are uploaded to Shopify with square aspect ratio.

Example: I managed to change the aspect ratio with this setting, but I´m not understanding how to translate this to the theme editor.

rafaelbata_0-1733406682554.png
rafaelbata_0-1733406682554.png1803×895 240 KB

If possible, I´d like a code that I could use here in the CSS editor instead of changing the code.

rafaelbata_1-1733407007984.png
rafaelbata_1-1733407007984.png1148×908 171 KB

This is my URL: https://www.princesaencantada.com.br/

1 Like
2

@rafaelbata oh sorry for that issue can you please check your theme customization product card setting its allow to option change image aspect ration