Narrative theme : how to reduce padding between homepage sections

Solved
Highlighted
Excursionist
22 0 7

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 

Highlighted
Shopify Partner
3245 711 862

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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 7
Hi,
Thanks. But how can I do the same for the other sections :
- image with text
- collection list

Thank you
0 Likes
Highlighted
Shopify Partner
3245 711 862

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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 7

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

 

FireShot Capture 026 - Bluetiful Glasses - Lunettes anti lumière bleue – BluetifulGlasses_ - bluetifulglasses.com.jpg

0 Likes
Highlighted
Shopify Partner
3245 711 862

This is an 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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 7

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

Highlighted
Tourist
12 0 2

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

0 Likes
Highlighted
New Member
4 0 0

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

0 Likes
Highlighted
New Member
1 0 0

anybody figure this out?

0 Likes