Remove the sides margins of the collection

[ArnauP]

How can I remove those margins on the sides as you can see in the image, I have tried many ways but I have not been able to do it. My shop is: Nauancler.com

Thank you!

[Guleria]

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code at the bottom:

.collection.page-width {
    padding: 0 1px !important;
}

[ArnauP]

It worked! Thanks Guleria! One last question, how can I remove that mini space between the top and bottom of the products?

[Moeed]

Hey @ArnauP

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ArnauP]

Thanks Guleria! One last question, how can I remove that mini space between the top and bottom of the products?