How to change image size on one collection list, when i have more then one?

[Salamud]

Hello I’m using Symmetry Theme it is 2.0 Theme.

www.aquatoria.ro

I have different collection list, two types.
One where I need the photos to be square 1x1.
And on another one where I need Portrait 4x5.

Like this:

Here I need Square Images

Here I need 4x5 images.

I made different themplates for this kinds of products that I need 4x5, but in Customization I cand change the size, they give me to change only the Theme settings, and in this case is changing the size everywhere.

Can anybody help, how to change only on this collections the size?

[James_FoxEcom]

Hi @Salamud ,

You can use custom CSS to change the image aspect ratio, please add CSS below to your theme, see results in the attachment.

Please note that this CSS is only affect on the collection template: seturi-mobiliere

.template-suffix-seturi-mobiliere .rimage-outer-wrapper .rimage-wrapper {
  padding-top: 125% !important;
}

If you don’t know how to insert custom CSS, please follow these steps:

• Open file: layout/theme.liquid

• Add this CSS to before closing tag