White space around my product images on my desktop

Store Design
1

How do I remove the white space around desktop images of product photos?

1 Like
2

@Joslin

Please share store URL.

3

www.createclothing.com.au

1 Like
4

@Joslin

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#collection .grid-uniform .grid-product__image-link{
display: block !important;
}

Hope this helps.

Thanks!

5

It’s still there unfortunately. But doesn’t seem to be doing it on the tees page, just the new arrival page.

In my product description, I have a size chart I uploaded. It doesn’t fit the screen right on desktop or mobile?

6

I resized my images to fit, but now there is a thin white line above a few of the product photos.

7

add below code in theme.scss

.product–wrapper {
height: 385px;
}
.product–image {
height:100%;
}
I hope it works.

8

It worked, thank you!

Also, the slideshow image at the top of the homepage isn’t showing the full length of the photo. Can I get help with that?

9

please provide password

10

Please send me password, I will check and guide you to change it.