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

LDC22
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,

KetanKumar
Shopify Partner
20496 2117 7723

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 Partner | 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
Aventines
Tourist
7 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. 

KetanKumar
Shopify Partner
20496 2117 7723

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 Partner | 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
Wishgranted
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
letskiss
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

KetanKumar
Shopify Partner
20496 2117 7723

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 Partner | 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
letskiss
Tourist
4 0 1
0 Likes
KetanKumar
Shopify Partner
20496 2117 7723

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
letskiss
Tourist
4 0 1

This helped! Thank you

0 Likes