Changing the padding of sections in Debut theme.

Solved
jnb246
Tourist
7 0 2

I would like to change the vertical padding of the sections. However I want to be able to change them individually. I require different spacing for the individual sections. Please help me out:) Thanks!

KetanKumar
Shopify Partner
20725 2148 7850

Hello, @jnb246 

Welcome to the Shopify community!
and Thanks for your Good 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
jnb246
Tourist
7 0 2

Hello Ketankumar,

Thank you!

https://wasteless-world.myshopify.com

0 Likes
KetanKumar
Shopify Partner
20725 2148 7850

@jnb246 

Thanks for URL

let me know which section do you need to reduce spacing?

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
jnb246
Tourist
7 0 2

I would like to have a smaller space between the rich text section and the slideshow.

0 Likes
KetanKumar
Shopify Partner
20725 2148 7850

@jnb246 

Thanks for clear

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: 35px;
    padding-bottom: 35px;
}
div#shopify-section-image-bar {
    padding-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
0 Likes
jnb246
Tourist
7 0 2

Thank you but it does not solve my problem:

Screenshot 2020-07-28 at 13.42.31.png

I would like for the text to be closer to the slider.

0 Likes
KetanKumar
Shopify Partner
20725 2148 7850

This is an accepted solution.

@jnb246 

please add this code

div#shopify-section-1595510426391 {
    padding: 0;
}
div#shopify-section-1595516901005 {
    padding-top: 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
0 Likes
jnb246
Tourist
7 0 2

Thank you it works perfectly!

I have another question should I post a new thread or can I ask you here?

Thanks again!

KetanKumar
Shopify Partner
20725 2148 7850

@jnb246 

Thanks for your support and your compliment.

yes, please as you like a new post or 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