How can I adjust the size of my collection list images on my site?

Store Design
,
1

Hi

i have some issues with code my page collection list images are either to small or to big but not same size

www.outletgo.com , and i want to be able to change all category collections image size to by myself in changing widht , height , paddings in theme settings or it can be all same size but i dont know how to code

please can shopify help me out ?

1 Like
2

@fashah973

oh sorry your store doesn’t work in shopify can you please send proper store url and issue image so i will check and guide

1 Like
3

sorry its my mistake the website is www.theoutletgo.com i hva issues with categories collection image sizes also for product image size , i want them to be all same sizes in laptop but also for mobile viewers . and if i can have option of adjusting the size too for future changes that will be great. Sorry cant add pics but → slider/shop now / Collection &

Home - Collection

thanks

1 Like
4

@fashah973

thanks for its

i have checked your theme its allow this option image size or try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-settings.css ->paste below code at the bottom of the file.
.collections-banner .adaptive_height {
    padding-top: 100% !important;
}
.collections-banner .adaptive_height img {
    object-fit: cover;
}

After code Layout

KetanKumar_0-1669184222236.png
KetanKumar_0-1669184222236.png1903×937 188 KB

1 Like
5

Thank you it worked

but https://theoutletgo.com/collections but this page is still not same size.

6

Thank you it worked

but https://theoutletgo.com/collections but this page is still not same size.

I want to to be able change size of collection layout on my page because now in mobile view the collection pics are huge

7

@KetanKumar hi

Your code works better then other people.

Could u help me fix my collection page the size are really big on mobile site and not same on mobile and desktop .

This page https://theoutletgo.com/collections