Cant remove side paddings in featured collections. I tried everything i could find on here.(on dawn)

[AndreyGutthard]

Hey All,

I'm using the Dawn Theme.

I've been struggling with removing the padding or margin on my featured collections.

I went through all discussions on this topic and none of the solutions worked for me.

I need the product pictures to fill the entire page all the way to the sides.(both sides)

Thanks in advance!

[Made4uo-Ribe]

Hi @AndreyGutthard 

Would you mind to share your store URL? Thanks!

[AndreyGutthard]

Hi,

Yes ofc. Thank you for replying! URL:

https://derstacheldraht.com/en 

If you need anything else, let me know.

[PageFly-Henry · Accepted solution]

Hi @AndreyGutthard 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file base.css

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

@media (max-width: 767px){

slider-component {

    padding: 0 !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[AndreyGutthard]

First of all, your a legend !!!  It worked like a charm. 😁

Secondly i was wondering if you have an idea on how to approach the design that im going for:

current code in case.css : 

ul.product-grid li.grid__item {
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
border-left: 1px solid black;
}

ul.product-grid {
column-gap: 0;
row-gap: 0;
}
}

current result:

I want to try to only use: border-left or right: 1px solid black; and somehow have it not show on the very edge of the page (marked yellow in ref.)

but only in the middle between the two products. For the top and bottom border i could use a border between sections without padding and only border-top: 1px solid black;.

If you have and lead/idea, please let me know. 

But for now thank you so much for your help!!!

I