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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025