Solved

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

AndreyGutthard
New Member
6 0 1

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)

AndreyGutthard_1-1715775711314.png

 

Thanks in advance!

 

Accepted Solution (1)

PageFly-Henry
Astronaut
1069 306 260

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
5938 1429 1759

Hi @AndreyGutthard 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


AndreyGutthard
New Member
6 0 1

Hi,

 

Yes ofc. Thank you for replying! URL:

https://derstacheldraht.com/en 

 

If you need anything else, let me know.

 

PageFly-Henry
Astronaut
1069 306 260

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

AndreyGutthard
New Member
6 0 1

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:

 

AndreyGutthard_0-1715785632001.png

 

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:

AndreyGutthard_2-1715785820155.png

 

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!!!