Collection List Photo Sizing

[Sarasvati]

Hello,

I am trying to make all collection cover images to have the same size. I am trying to search the community forum to find the right solution, but I am having trouble figuring this out. 

I am using the Xtra theme, and I multiple pages with collection lists all over, and the collection category images are all different sizes. I am just trying to get them all to match the same size to look easy on the eyes. 🙂 

My site is locked, behind a password. If you need access to it I can DM the password.

[Dan-From-Ryviu]

Hi @Sarasvati 

Please check in your Online Store > Themes > Customize > Collection > Default collection > Theme settings, it has option to change Image ratio 

[Sarasvati]

Hi!! Thank you for your reply. That is there, but it doesn't change the size of the image, they are still all different sizes for the header images for each collection. It seems to be when you have 1 - 3 collections in a collection list, the image is huge, but it sizes as you add more collections to the list. So, 4- 5 collections it looks great, but if you don't have enough in the list, the size is huge for the collection list. 

[Sarasvati]

It seems to be collection lists section on pages. Not the collection page itself, if that makes sense. It looks good on mobile, but when on a computer, it looks huge. If on a tablet, if larger size, same thing. 

[Sarasvati]

this worked for me. 

@media only screen and (min-width: 761px) {
#root .l4cl.w33 li,
#root .l4cl.w50 li {
max-width: 320px;
}
}