Hi, I changed the image ratio to Portrait in the theme customization (it was “fit to image” previously but I did not like the style) but images are now being cropped and I cannot find a way to have the image fit into this Portrait format. Can anybody help? The website is www.geminiatelier.com and …

add this css on base.css .product-card .product-feature-image-linking { object-fit: contain; }

Hi, It is style the same, all images are cropped. [Screenshot 2024-07-31 at 8.26.34 PM.png]

you need this type i think [AK_Design_Dev_0-1722450688219.png]

The images are rectangular so they should fit into a portrait format. It works on he product page but not the collection page.

Hi @GeminiAtelier , I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions! Step 1: Go to Admin → Online store → Theme > Edit code: [BSSCommerceB2B_0-1722450742921.png] Step 2: Search for the file app.css or product-grid…

It made all the images squared, I would like them to be Portait.

Could it be because I used an app called “Pixc: Photo Resize”? Should i revert back all the images to orginal for this to work?

Why are my images cropped on Collection Page - Reformation theme

Store Design

AK_Design_Dev July 31, 2024, 6:31pm 4

you need this type i think

Topic		Replies	Views
Adjusting the product images on the collection page by making them smaller and not cropping them Store Design collection-page , css , shopify-themes	9	80	May 24, 2023
Change collection image size on collection page Technical Q&A shopify-theme	5	104	May 19, 2025
Prevent Images from Cropping Store Design design , css	7	313	January 6, 2025
My product images are cropping Shopify Discussion troubleshooting	11	178	June 19, 2025
Streched Product images on collection page Store Design collection-page	12	172	November 30, 2024

Why are my images cropped on Collection Page - Reformation theme

Related topics