How to fit the product picture with the product layout

Store Design
1

Product Layout Problem.png
Product Layout Problem.png840×1114 117 KB

Hi everyone, May I know how should I do to fit my product photo with the product layout ? I have been resizing my product photo, however the white edges keep showing no matter which size I change.

Thank you!!!

Mike

2

@Mikewoo852 Can you please send me store url.

3

Here you go - https://sippinhk.com/collections/all

Thank you!

4

Hi @Mikewoo852 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
#gf-products img {
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
5

Thank you so much! It works!!!