How can you change the size of collection pictures in open collection page?Dawn Theme

Shopify Discussion
1

Hi,

The size of the collection images are uploaded at a 1:1 ratio. However, when a collection is opened in store, the image ratio changes to 9:16, Is there a way to change the ratio of the pictures to an open collection page to 1:1?

I have included two screen shots to further explain myself.

TIA

Screenshot (205).jpg
Screenshot (205).jpg1920×1080 307 KB

Screenshot (206).jpg
Screenshot (206).jpg1920×1080 245 KB

2
  1. https://postimg.cc/TyhkjfGM

See the screenshot. add new class name here.

  1. https://postimg.cc/BjnNs4jL

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

.new-class-name img { object-fit: contain !important; }
3

Thanks for the reply.

What new class name am I using?

I’m sorry, I don’t know what a class-name is. ?‍

??
4

add this one class " photo-crop-see "

5

Hi Marketplace, none of those options worked.

I thought it would be easy to keep the 1:1 ratio the images were loaded at.

The images show different on each device, full screen, mobile, desktop.

There is plenty of options to change the width, but not height, which of course give the 1:3 image change when opened, as per original screenshots