Collection list image size crop when added (prestige)

when i upload collection list image it croped please help.

i want 1000x1000 in mob and dekstop.

my store url

https://h2unsy7hsi97poxx-58729136326.shopifypreview.com

i want like this

https://beechtree.pk/

please help

1 Like

Prestige theme show use the images as “background” using CSS background-image property, while the other example you posted embed the images using tag.

The approach is completely different and you need to do a major rework in code to get the same exact result.

But maybe you can try to apply this fix and it will improve the current situation on desktop full hd resolution and higher.

Append the code at the end of themes.css file.

@media screen and (min-width: 1920px) {
   .CollectionItem__Wrapper--small {
    height: 800px;
  }
}

it does not working :disappointed_face:

@champion786

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.CollectionItem__Wrapper--small {
    height: auto;
    padding-top: 100%;
}
2 Likes

thank you so much @KetanKumar

1 Like

@champion786

it’s my pleasure to help us

@KetanKumar thank you so much for your last help.

what should i do for same collection page banner image?

1 Like

@champion786

can you please show me issue can let me know what do you need?

my collection page banner look like this

https://h2unsy7hsi97poxx-58729136326.shopifypreview.com/

i want like this

https://beechtree.pk/collections/sale-pret

please help.

Thank you

hello there friend

i am using a prestige theme and i want my theme to show full collection image like it to show in the desktop version I had tried some code but every code Is failed please help me

here is my website link https://novelanl.nl/collections/chains please help me