I would like to remove the padding from around the product page image, however, after hours of trial and error I wasn’t able to accomplish anything, please help! [Screen Shot 2021-09-13 at 4.33.58 AM.png]

Hello there. Go to Online Store->Theme->Edit code Asset->/assets/styles.scss.liquid->paste below code at the bottom of the file. @media screen and (max-width: 749px){ .product .gallery-wrap { width: 100vw; margin-left: -50vw; left: 50%; position: relative; } }

Hello There, Please share your store URL and screenshot. So that I will check and let you know the exact solution here.

@SvetShopifies Please share your store URL.

https://sunsetparadiselamps.com/ This is the url

https://sunsetparadiselamps.com/products/sunset-lamp More precise url to the product page

Hello there. Go to Online Store->Theme->Edit code Asset->/styles.scss.css.liquid->paste below code at the bottom of the file. @media screen and (max-width: 749px){ .product .product .product_gallery { margin-bottom: 10px; } .product .main.content { padding-top: 0; } }

Just did this, it did move the image up and centered it out a little more, however, I want it to be flush to the edges. Is that possible?

@SvetShopifies Please add the following code at the bottom of your assets/styles.scss.liquid file. @media only screen and (max-width: 480px){ .product .container { width: 100% !important; padding: 0px !important; margin-top: -25px; } } Hope this works.

@SvetShopifies Try this first. @media only screen and (max-width: 480px){ .product .container { width: 100% !important; padding: 0px !important;} } Let me know if this works.

This one was it, I just added margin-top: -55px; to it as well so it moves up, thank you so much for the help!

How can I eliminate padding around my product page image?

Store Design

SvetShopifies September 13, 2021, 10:15am 9

@dmwwebartisan if I do this the whole page’s text gets disrupted and is too close to the edge.

Topic		Replies	Views
How can I eliminate padding from product images? Store Design design , css	4	188	April 13, 2022
How can I eliminate padding around my product container? Store Design design , customizations , css , shopify-themes , product-page	5	131	November 2, 2023
How to remove padding around product images on mobile dawn theme Store Design css	2	64	September 2, 2024
Remove padding product image desktop \| Dawn Store Design product-page	9	86	February 19, 2025
How to remove padding around product images on mobile Store Design css	5	59	August 31, 2024

How can I eliminate padding around my product page image?

Related topics