Resize multirow images

[Karla8]

hello all,

I’ve been trying to resize the images of the multirow to be square without success. The size changes on different screens, and I would like to keep it always square so that the full image is visible.

My website is www.hintofhappiness.com

Thanks in advance for your help !

Karla

[PritTala]

Hello @Karla8
Can You Please Explain More In Which Section You Want To Change Images And Which Type Of Changes You Want.

[Karla8]

Hello,

In the home page, I have a multirow with text and image. The images are rectangular and on bigger screens it’s even more so I can hardly see the pictures. I would like to keep it square.

Thanks in advance for your help !

[DaisyVo]

Hi @Karla8

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}

.multirow .multirow__inner.page-width .image-with-text img {
aspect-ratio: 1 / 1 !important;
height: auto !important;
top: 50% !important;
transform: translateY(-50%);

}
{% endstyle %}

[Karla8]

Thank you so much ! this helped