Remove padding only in certain sections

[Streccent]

Hi,

I have found the following code to remove the padding on the left side. But I only want this padding to be removed on the main product page template section. Currently it is being removed on every section of the site.

<style>
.container {
margin-left: 0 !important;
}
</style>

Link: https://arterclo.com/

Pass: yaifra

[Mehran_Ali · Accepted solution]

Hi @Streccent 

If you want to remove padding from the main collection page where the product grid disp[lay use this CSS

.shopify-section--main-collection .container {
    margin-left: 0 !important;
}

Or If you want to remove the Padding from only the product detail page you can use this CSS

.shopify-section--main-product .container {
    margin-left: 0 !important;
}

I hope this helps you if you want to remove it from any other page kindly mention the page link here

If This Solution Word Kindly Like this And Mark it as a Solution or Buy Me a Coffee

[Streccent]

Thanks! Exactly what I needed.

[Asad-Mahmood]

Hi 
you should use this code instead

{% if request.path contains 'products' %}
<style>
.container {
margin-left: 0 !important;
}
</style>
{% endif %}