How to make the product photo full square size in container ?

Hi, I want to make the product full square size in the product container.

1st product I will make the product with transparent background, so it will show the setting default background color behind.

however, the 2nd photo is the white solid background together with product, and the default background color also show on it

therefore, I think the product photo is no full size in product container box

I had tried to find any button in customise theme, but there nothing to select…

I am waiting someone help.
Thank you

1 Like

Hi @GArt_2008

Can you share your store URL ( with password if needed) so we can find out solution for this

Hi,
here is the URL
https://goldart.com.my/collections/timeless-treasures/products/golden-triumph-horse

  • Here is the solution for you @GArt_2008
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
.template-product .product__section .box-ratio img {
    padding: 0 !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hi, after i add before tag ,
then it become like this :

Hi, I try to add between here:

.template-product .product__section .box-ratio img { padding: 0 !important; }

then it work !

BTW, thanks a lot