Remove white padding on Shopify product page

[danielhinde]

Hi there,

I added the below code – to make my product pages full width, which has worked great.

How do I remove the white padding? Without just adding padding: 0, it should be spaced the same as the home page…

https://www.reformedcharacters.com/products/coming-soon

Thanks,

D

[KetanKumar]

@danielhinde

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.mini.css ->paste below code at the bottom of the file.

.template-product #main .container {
    padding: 0;
}

[danielhinde]

This completely removes all padding so text is forced to the edge though…

[KetanKumar]

@danielhinde

oh sorry

can you please remove first one and add this

#shopify-section-about-image, #shopify-section-blog--blog-posts {
    margin: 0px -15px;
}

[danielhinde]

Amazing thanks Ketan!

[KetanKumar]

@danielhinde

its my pleasure to help us