FROM CACHE - en_header

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,

Replies 36 (36)
KetanKumar
Shopify Partner
34574 3459 11300

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
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
34574 3459 11300

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

 

 

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
34574 3459 11300

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
letskiss
Tourist
4 0 1
KetanKumar
Shopify Partner
34574 3459 11300

@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

KetanKumar
Shopify Partner
34574 3459 11300

@letskiss 

Thanks for update.

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
MounKM
Tourist
3 0 1

Hi, 

I am trying to remove the spacing as well and it is not working. I am still in the process of building all the sections. 

The URL is umzz87.myshopify.com.

Could you please help?

 

Thanks,

Umair

KetanKumar
Shopify Partner
34574 3459 11300

@MounKM 

Thanks 

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

the store is password protect can you please share us 

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
MounKM
Tourist
3 0 1

Hi password is pohnga

Thanks @KetanKumar 

KetanKumar
Shopify Partner
34574 3459 11300

@MounKM 

Thanks 

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

.index-section {
    padding-top: 15px;
    padding-bottom: 15px;
}

 

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
MounKM
Tourist
3 0 1

Thanks @KetanKumar - it's worked for the top. Can I just check it will also remove the spacing between subsequent sections below?

 

KetanKumar
Shopify Partner
34574 3459 11300

@MounKM 

Thanks for update 

can you please give me screenshot which one do you have removed.

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
deenation
Tourist
4 0 2

Hello. I am having this problem too. I need some space between my banner and the featured collection at www.wildrains.com Can you help?

KetanKumar
Shopify Partner
34574 3459 11300

@deenation 

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

can you please share screenshot  issue

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
Kavia11
Excursionist
35 0 17

@KetanKumar 

Is there a possibility that I can reduce this newsletter size to be smaller and also the footer. 
I also prefer to have the newsletter next to the Menu that says AbsolutMen but it just too cramped up. 

Kavia11_0-1612550187368.png

When I remove the Welcome to AbsolutMen and add the newsletter within the footer and add a text to it, it will look like this. Is there a way to make the button to enter the email and the subscribe button to be moved below the Text message and have a longer email button as the pic above?

Kavia11_1-1612550518833.png

Thanks,
Kavia11