Remove the padding on featured collection and make it full width of the page

Store Design
,
1

Hello, can someone give me the code to remove the padding on featured collection and make it full width of the page

My site is https://sevenemotions.com/

Any help is appreciated!

2

Hi @ATGRFX ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

It didnt work, i want there to be no white on the sides

4

try adding this to the bottom of your base.css

.collection .slider-component-full-width {
    padding: 0! important;
}
.collection .grid__item {
    max-width: none !important;
}

hope that works!

5

i noticed there was an issue with this code stretching out an image if it was alone in the last row.

.collection .slider-component-full-width {
    padding: 0! important;
}
.collection .grid__item {
   max-width: 50% !important;
}
@media screen and (min-width: 990px){
  .collection .grid__item {
     max-width: 25% !important;
  }
}

try this instead to fix that.