Debut Theme - How to Edit Spacing Between Sections on home page

Highlighted
New Member
1 0 1

Hi,

 

I am using the Debut theme and cannot find out how to edit the spacing between two sections on the homepage. 

I have a 'Product' section and then a 'Custom' section but the white space between the two sections is too big and I want to reduce it but I cannot find the correct place in the code editor to reduce the space.

 

Can anyone please help?

Many thanks,

Highlighted
Shopify Partner
9580 1201 3356

Hello, @LDC22 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
6 0 1

Hello Was there an answer on this? I need to do the exact same thing- reduce white space between sections in debut. Nobody on any board seems to have posted an answer. 

Highlighted
Shopify Partner
9580 1201 3356

Hello, @Aventines 

Thanks for post

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
4 0 0

Hey there,

 

I have a similar issue I'm trying to fix on our product page. For the apparel category on desktop, we'd like to get the size button to align with the add to cart button and increase the add to cart text font.

 

How can I fix this problem without messing up the debut theme?

Screen Shot 2020-05-16 at 9.38.42 PM.png

 

 

0 Likes
Highlighted
Tourist
4 0 1
 

Does anyone know how I can reduce the padding in the white rich text section below? There is too much space above the words "Minimum 50% Off..." and below "All products from LetsKiss..."

The theme is Debut. Thanks in advance!

Shawn

 

Padding.png

Highlighted
Shopify Partner
9580 1201 3356

Hello, @letskiss 

Welcome to the Shopify community!
and Thanks for your question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 1
0 Likes
Highlighted
Shopify Partner
9580 1201 3356

@letskiss 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

div#shopify-section-1596494398518 {
padding: 0;

p {
margin-bottom: 0;
}

}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
4 0 1

This helped! Thank you

0 Likes