Remove side padding on product page

[user7777]

Hi, guys!

Can someone please help me remove side padding on product page? Also top padding. I have tried everything and nothing seems to work  😞

 

 

Here is the link to the page -

https://rustmademe.com/products/irregular-shaped-plant-box-l

Thanks so much! 🙂

[topnewyork]

Hi @user7777 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
    .page-width {
        padding: 0 0rem !important;
}
    .section-template--23289242059093__main-padding {
        padding-top: 0px !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[user7777]

Sorry, but this didn't work 😞

[topnewyork]

@user7777  An extremely sorry for this, I updated the code 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
 .page-width {
    padding: 0rem !important;
}
product-info#MainProduct-template--23289242059093__main {
    padding-top: 0rem !important;
}
</style>

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[vm-web]

@user7777 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

{% if template.name == 'product' %}
<style>
 @media screen and (min-width: 750px) {
    .page-width {
        padding: 0 0rem !important;
        max-width: 100% !important;
        margin: 0 auto;
    }
}
</style>
{% endif %}

Thanks!

@ 

[user7777]

Thanks so much! It finally worked! 🙂
Could you please help me edit the code to add a small padding on right side only? Because they buy button and rest product info is now withput padding on right side.

Thanks again 🙂

[vm-web]

@user7777 

can you share screenshot what you want i can help you!

Thanks!

[user7777]

Oh, but I just realised it made some mistakes to all page...

[vm-web]

@user7777 

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 750px) {
    .page-width {
        padding: 0 5rem !important;
    }
}

Thanks!

[user7777]

Unfortunately it didn't resolve the issues... 😞

I need to change padding on sides on product page only! Padding on left should be 0, on the right a little padding. Could you please loook into this?

Thanks!

[vm-web]

@user7777 

Ok please wait i will send solution.

[user7777]

Thanks, I already found a solution! 🙂