Boundless Theme: changed size of images with provided code but images now vertical

Store Design
1

I have seen several threads with this same thing, but there is no answer i see posted when it comes to how to make product images horizontal again (just not huge) instead of vertical (after code was added to bottom of template).

On the mobile view the images cover copy/text boxes.

https://www.perfectlyaddicted.com

2

@PABoutique

can you please confirm this look

KetanKumar_0-1646709927424.png
KetanKumar_0-1646709927424.png1920Ă—1080 412 KB

3

That looks great. Is this corrected too?

51531668-83F7-4411-AADF-2C3A711C53F1.jpeg
51531668-83F7-4411-AADF-2C3A711C53F1.jpeg1284Ă—2778 278 KB

4

The change I needed wasn’t fixed as it is still showing images vertically on mobile.

5

Can you get back to me on this issue? It wasn’t corrected. Thanks!!!

6

@PABoutique

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-item__link .product-item__image-wrapper {
    padding-top: 150% !important;
}
.product-item__image {
    height: 100%;
    object-fit: cover;
}
7

I copied and pasted as directed and there is NO CHANGE. The product images are still overlapping the size and quantity text boxes…

8

I copied and pasted as directed and there is NO CHANGE. The product images are still overlapping the size and quantity text boxes…