Narrative theme : how to reduce padding between homepage sections

[djskwat]

Hello, 

I'm hardly finding a way to reduce padding at top and bottom of my homepage section.

I succeed with the .rich-text section, but I can't do it one the others.

my website is : www.bluetifulglasses.com

Please someone can help me on this?

Thanks a lot,

Karl 

[dmwwebartisan]

Hi

add code assets/theme.scss.liquid bottom of the file

.shopify-section .rich-text {padding-top: 10px !important;padding-bottom: 10px important;}
@media only screen and (min-width: 750px){
.featured-collection { padding: 20px 0 !important;}
}

Hope this will work for you.

Thanks!

[djskwat]

Hi,
Thanks. But how can I do the same for the other sections :
- image with text
- collection list

Thank you

[dmwwebartisan]

Hey there,

please check above given css and send screenshots for image with text and collection list section, where you want to reduce padding ?

So I can give you exact solution here.

Thanks!

[djskwat]

Thanks for the code, it helps me a bit on the collection list, but it keep having some spaces after.

As you can see, my biggest problems are :

- reducing the space between the first slideshow and image and text

- reducing the space right avec the image and text bloc

- reducing space between my collection list title and the products

[dmwwebartisan · Accepted solution]

Hey ,

Please add this css bottom of your theme.scss.liquid file

.feature-row__text {padding: 40px 0px !important; margin: 0 !important;}
.featured-collection .card-list { margin-bottom: 0px !important;}

Check if this works for you.

Thanks!

[djskwat]

That's perfect.
Thank you so much!!!

[Algalsc]

Hi,

I am a paid Shopify customer and my site is below  (not yet published) - can you please help me reduce the margins on the top and bottom of both the (1) Newsletter and (2) Testimonial sections on my homepage so it is the same size as Custom Content section right under the Slideshow. Thank you!

https://perfectdd.myshopify.com/admin/themes/83156172903/editor

[Kynsho]

Hi 

I had a custom site made for me www.kynsho.com

I want to reduce the padding between sections specifically the top and bottom padding on:

New

Fall/Winter

Spring/Summer

Mission

Does anyone know how to do that!?!

[jsjs]

anybody figure this out?