All things Shopify and commerce
My collection list photos keep showing up at different length levels. They are all cropped the same yet are still at different lengths
Solved! Go to the solution
This is an accepted solution.
Hi @nobadshop
If you are referring to the Homepage Collection list section then try adding below code instead in the Custom CSS part of the above screenshot
.content-over-media>:is(picture,img,video,iframe,svg,video-media) {height: 300px;}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
Go to your theme's customization and click on the collection list section. Change the image ratio to square.
Hello thank you for the quick response. Can you be more detailed in the description. I dont see that option.
What theme are you using?
impact
Can you please share your website's URL?
Hi @nobadshop
Can you try adding below code to the end of theme.css file
.shopify-section--main-list-collections .content-over-media>:is(picture,img,video,iframe,svg,video-media){
height:300px; // you can change this as per your requirement
}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
Didnt seem to work. Maybe I put it in the wrong spot. Would you mind sharing more details?
Hi @nobadshop
Can you please share store URL and the theme URL on which you are working on (if unpublished one) and screenshot where you have added the code.
This is an accepted solution.
Hi @nobadshop
If you are referring to the Homepage Collection list section then try adding below code instead in the Custom CSS part of the above screenshot
.content-over-media>:is(picture,img,video,iframe,svg,video-media) {height: 300px;}
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
Hi @nobadshop. Welcome to the Shopify Community.
I see that @JasmeetVT14313 (thank you!) has been offering you some help, and I just wanted to jump in to see if I could add any additional support.
You can upload your collections images directly to the collections page in your Shopify admin. To change a collection's main image, go to Products > Collections in your Shopify admin. Select the collection you want to edit, then click Upload image or Change image under the collection image section. Save your changes.
If you are still having trouble with your image sizes, please contact your theme developer to see if they can provide more help with this.
Kitana | Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025