How to remove space between sections and between section/collection title and product images

Solved
KristinaE
Excursionist
33 0 19

https://ibb.co/Lh4cqYQ Sorry, I hope the link works (I'm using the Brooklyn Theme)

KetanKumar
Shopify Partner
22589 2282 8397

@KristinaE 

Thanks i know your have using the Brooklyn Theme

but where this section at home page i can't see

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
KristinaE
Excursionist
33 0 19

So on my home page you showed me how to reduce space between each section (blue arrow), now I would like to reduce space within a section (red arrow)! Thank you!
https://ibb.co/Njd8yCg

KetanKumar
Shopify Partner
22589 2282 8397

This is an accepted solution.

@KristinaE 

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-sections .shopify-section {
    margin-top: 30px; /* change value as you like */
}
.rich-text .section-header {
    margin-bottom: -10px;
}
#shopify-section-1606240170ccd2e90e .section-header {
    margin-bottom: 30px;
}

 

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
KristinaE
Excursionist
33 0 19

Amazing! Thank you!

KetanKumar
Shopify Partner
22589 2282 8397

@KristinaE 

Thanks for your feedback and support.

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
sdc-watches
Tourist
3 0 3

Hello

Lots of helpful threads on this topic, but limited success for my small issue. My question relates to the Debut theme. I am trying to reduce the space on my collections page, between the collection image - collection Title and description - and products. See below large space between collection description and products.Same applies to mobile page. Any quick fixes for reducing this space? Thanks!

Screenshot 2021-07-27 at 22.55.25.png

KetanKumar
Shopify Partner
22589 2282 8397

@sdc-watches 

Sorry you are facing this issue, it would be my pleasure to help you.

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

Please share your site URL,
I will check out the issue and provide you 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
sdc-watches
Tourist
3 0 3

Hello Ketan

Thanks for the speedy response!

URL:

www.sdcwatches.com/collections/the-oceanrider-collection

Thanks very much. 

Sean 

KetanKumar
Shopify Partner
22589 2282 8397

@sdc-watches 

thanks for store url

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.collection-header h4 + h2 {
    display: none;
}
.collection-header blockquote {
    display: none;
}

 

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