Narrative theme : how to reduce padding between homepage sections

Solved
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 

Shopify Partner
3639 813 997

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
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
Shopify Partner
3639 813 997

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
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
Shopify Partner
3639 813 997

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Excursionist
22 0 7

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

Excursionist
16 0 3

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
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
New Member
1 0 0

anybody figure this out?

0 Likes