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!
Would you mind to share your store URL? Thanks!
Hi,
Yes ofc. Thank you for replying! URL:
https://derstacheldraht.com/en
If you need anything else, let me know.
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
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
