How can I change the aspect ratio of images in the Motion theme's collection list grid?

Store Design
1

Does anyone know how to edit Collection list - section grid? I would like images’ aspect ratio to be 4:3 (more rectangles) instead of being squares. Both in desktop and in mobile view. Any way to do this?

I’m using the theme Motion and the preview is: https://9neowktjn24bvcm1-25465225306.shopifypreview.com

Thank you so much!

1 Like
2

@Almada

.collection--square-large, .collection--tall {
    height: 600px;
    width: auto !important;
}

Add this code in theme.css or theme.scss

3

This unfortunately did not work as hoped – the images are still square in desktop view and very long rectangle in mobile…

1 Like
4

How you exactly want provide me screen shot or refrence link.

5

@Almada
Like and accept our solution if helpful.

6

I would like to have them like in the attachment.

7 
.collection--square-large {
    width: auto !important;
}
8

Unfortunately still not working as wanted.

In desktop the images are still square and in mobile not full width.

Am I doing something wrong?