Reduce the padding in collections

[LothaireBordeau]

Hello !

Here’s my website : www.lothaire.fr

In any collection like this one : https://www.lothaire.fr/collections/nouveautes, there’s an insane level of padding at the left and right. And more padding than I want between products. (I’ve painted these margins in pink in the picture, for clarity)

My aim is to :

1. Reduce the margins between products, and the ones on the sides A LOT
2. Make both these margins equal, so my website looks like the JACQUEMUS one, pictured here

[Moeed]

Hey @LothaireBordeau

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

[DaisyVo]

Hi @LothaireBordeau

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.collection-content .page-width {
    padding-inline: 0 !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[LizHoang]

Hi @LothaireBordeau

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.collection-content .page-width {
    padding-inline: 0 !important;
}

Best,

Liz

[LothaireBordeau]

Hello ! That’s pretty great.

Could we please reduce a little bit more the margin on the left and right ? I would like it to be the same than the one between items.