-Hello, when I add the Collection List on my homepage the images of the collections are to big. How can I reduce the size of these images.
-I would like to reduce the space between these images.
Can some one help me?
Hey there,
Can you please share your website url of collection page ?
Thanks!
Cant we fix it without sharing my website?
Email me your website url if you don’t want to share publicly or at least share screenshot.
My Collection list looks like this ( fake images btw ) and those images are to big.
As you can see i zoomed out the page so those fit in my screenshot and this is the size i would like to have.
And the empty space between those collection images are to big would like to reduce that.
Thanks for ur interest in helping btw.
Try to put this css in your assets/theme.scss.liquid file.
.grid__item {
padding-left:15px !important;
}
.collection-collage__item{
margin-bottom:15px !important;
}
check if this works. it will remove spaces from that images.
Thanks!
Hey, the padding left worked, so no space between left and right images. But the spacing bottom did nothing.
Can you please explain via sceenshot ?
Hey there,
Try to adjust following css that I have given:
.collection-collage__item{
margin-bottom:15px !important;
}
As you see above margin bottom is 15px . Try to reduce as much as possible. OR try to make it 0px;
Let me know if that works.
Thanks!
I did adjust it to 5px and 0 px but that did not change anything..
Hey,
I installed Brooklyn theme and I tried with the same. It is working.
Therefore I have given you that CSS.
It’s difficult to do the things without case. Anyway I will look further and get back to you.
Thanks!
Hey, well thank you there must be something wrong with my site then.
Do you know how I can resize the images of the collection list? I want smaller images..
Ok, I will check and get back to you.
Thanks!
Hey, I used this on my store, and it worked amazing. Thank you!
this guy isn’t doing it right, It is working for me