Photos showing up different sizes

Solved

Photos showing up different sizes

nobadshop
Excursionist
58 1 7

My collection list photos keep showing up at different length levels. They are all cropped the same yet are still at different lengthsScreen Shot 2024-07-18 at 4.18.38 PM.png

Accepted Solution (1)
JasmeetVT14313
Shopify Partner
292 63 77

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!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 12 (12)

WalkYourStyle
Navigator
475 58 79

Go to your theme's customization and click on the collection list section. Change the image ratio to square.

nobadshop
Excursionist
58 1 7

Screen Shot 2024-07-19 at 10.54.09 AM.pngScreen Shot 2024-07-19 at 10.55.21 AM.png

Hello thank you for the quick response. Can you be more detailed in the description. I dont see that option. 

WalkYourStyle
Navigator
475 58 79

What theme are you using?

nobadshop
Excursionist
58 1 7

impact

 

WalkYourStyle
Navigator
475 58 79

Can you please share your website's URL?

nobadshop
Excursionist
58 1 7

JasmeetVT14313
Shopify Partner
292 63 77

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!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
nobadshop
Excursionist
58 1 7

Didnt seem to work. Maybe I put it in the wrong spot. Would you mind sharing more details?

JasmeetVT14313
Shopify Partner
292 63 77

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.

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
nobadshop
Excursionist
58 1 7

Screen Shot 2024-07-22 at 1.06.28 PM.png

JasmeetVT14313
Shopify Partner
292 63 77

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!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

Kitana
Shopify Staff (Retired)
265 20 63

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