Reduce the Side pading in Collection Page

[Sohayl67]

Hello,

I want to reduce the  Side pading that i have on my collection list page , i want to do like verrolli  Where the images are quite Wide and are nearly touches the extremety of their  website , i want the same .Here is the Verolli Website :

https://www.vorelli.co.uk/collections/vorelli-shop-by-collection

Here is my website link to the collection page list :https://7968dc-f5.myshopify.com/collections

[DaisyVo]

HI @Sohayl67 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

ul.collection-list.grid {
    gap: 20px !important;
}
.page-width:has(ul.collection-list.grid) {
    max-width: unset !important;
    padding: 0 20px !important;
}
ul.collection-list.grid > li {
    width: calc(50% - 20px);
}

Here is the result: https://prnt.sc/T4UNitF4ABXq

I hope this helps

Best,

Daisy