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

[GArt_2008]

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

[BSSCommerce-HDL]

Hi @GArt_2008 

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

[GArt_2008]

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

[BSS-TekLabs]

- 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 </head> 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.

[GArt_2008]

Hi, after i add before  tag </head> ,
then it become like this :

[GArt_2008]

Hi, I try to add between  here: 

<style>

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


then it work !

BTW, thanks a lot