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 backgr…

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

Here is the solution for you @GArt_2008 Please follow these steps: [z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg] 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…

Hi, after i add before tag , then it become like this : [GArt_2008_1-1724119969332.png]

Hi, I try to add between here: .template-product .product__section .box-ratio img { padding: 0 !important; } then it work ! BTW, thanks a lot

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

Shopify Discussion

GArt_2008 August 19, 2024, 9:50am 3

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

Topic		Replies	Views
How to make product background image fit the full width of the page? Store Design design , customizations , css , troubleshooting , product-page	6	86	August 25, 2023
Contain product images in a square - Canopy Theme Store Design design , css , shopify-themes , html , product-page	2	26	February 1, 2024
Force product images to be square - product page Store Design	5	487	January 30, 2024
How do I make the product image in cart larger (atelier theme) Store Design shopify-themes	8	154	September 25, 2025
Product page image square custom Store Design customizations , css , product-page	13	77	June 26, 2024

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

Related topics