Remove White Space Margin in Featured Collection Section (Dawn Theme)

Solved

Remove White Space Margin in Featured Collection Section (Dawn Theme)

theparmesan_don
Excursionist
20 1 7

Screenshot 2024-07-16 at 6.01.08 PM.png

There is that white space above and below the featured collection products.  The settings allow you to change the padding, which will increase the black space, but not decrease the white. I do not have the same issue with the header/footer, it's just in the body here.

 

Can't find any resources that solved this issue, your help would be VERY much appreciated 🙂 

 

(please ignore the products and images haha just testing)

Accepted Solution (1)
theparmesan_don
Excursionist
20 1 7

This is an accepted solution.

Solved on: https://community.shopify.com/c/shopify-design/how-can-i-decrease-the-white-space-between-two-sectio... by 

 

1. Select the gear on the left side

theparmesan_don_0-1721185806934.png

 

 

 

 

 

 

 

 

 

 

2. Select Layout

theparmesan_don_1-1721185806915.png

 

 

 

 

 

 

 

 

 

 

3. Select Space between template sections

theparmesan_don_2-1721185806932.png

 

 
 
 
 
 
 

View solution in original post

Replies 6 (6)

AnneLuo
Shopify Partner
1293 228 266

Hi, @theparmesan_don 

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

BSSCommerce-HDL
Shopify Partner
2305 835 908

Hi @theparmesan_donCan you kindly share your store link (with the password protected, if any) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

theparmesan_don
Excursionist
20 1 7

beb1d3-7a.myshopify.com

pwd: human
 
Thank you! Let me know if you have any issues, very new to this!
theparmesan_don
Excursionist
20 1 7

Realized I am having this issue across all pages where I made the background colored

Screenshot 2024-07-16 at 7.59.03 PM.png

Screenshot 2024-07-16 at 7.59.18 PM.png

BSSCommerce-HDL
Shopify Partner
2305 835 908

Hi @theparmesan_don
I think it's because the 2 images have 2 different heights that has led to this problem
Link img 1: https://beb1d3-7a.myshopify.com/cdn/shop/files/tortoise_dd6708ee-566d-4a4e-ae0f-dd9e136350e6.jpg?v=1...
Link img 2: https://beb1d3-7a.myshopify.com/cdn/shop/files/pink_green_0824b12f-a921-4a1b-93ba-424c101e7b35.jpg?v...

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

theparmesan_don
Excursionist
20 1 7

This is an accepted solution.

Solved on: https://community.shopify.com/c/shopify-design/how-can-i-decrease-the-white-space-between-two-sectio... by 

 

1. Select the gear on the left side

theparmesan_don_0-1721185806934.png

 

 

 

 

 

 

 

 

 

 

2. Select Layout

theparmesan_don_1-1721185806915.png

 

 

 

 

 

 

 

 

 

 

3. Select Space between template sections

theparmesan_don_2-1721185806932.png