How can I modify the product grid size without impacting pictures in home page

42 0 7


Yesterday I posted a question for product grid size modification and I updated  the code. But I find it also impacted my picture in home page, it was square originally but now is rectangular after updating the code.

Can someone help me fix the issue? I want all pictures square

I attach the original code below I updated for the product grid size yesterday

and also attach the home page product picture below.


.card__inner.color-background-2.gradient.ratio {
max-height: 305px !important;






Replies 2 (2)

Shopify Partner
6904 1303 1330

Hi @jessica_0430 

Please remove that code and setup your product grid image in your Online store > Themes > Customize > Collections > Default collection > Product grid > change Image ratio setting to Square Screenshot 2023-10-19 at 09.46.24.png

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

42 0 7

hi Dan,

Sorry that I should mention the background why I put this code.

The reason is the size of my product grids was not consistent and want all images can be square. But somehow it will change my photo in home page.

I removed the code now and remain as it was and the home page photo now is square. Do you have any suggestion to fix the issue?


Here is my store URL: