Too much space between the slide show and blog sections in debut-light theme

Solved
Tourist
7 0 3

Can someone please help me reduce the space between the sections in my store - specially the unnaturally large space between the slide show and the blog section. A similar large space is there between the testimonials and location section. The spaces vanish if i hide the slide show and the testimonial sections from view. Thanks.

 

everbright-lights.myshopify.com

 

0 Likes
Highlighted
Shopify Partner
7687 1058 2673

Hello, @SSM1 

Welcome to the Shopify community!
Please share your site password.
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

dawghe

thanks

1 Like
Highlighted
Shopify Partner
7687 1058 2673

@SSM1 

Thanks for your password.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.slideshow__text-wrap {
height: auto;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

If I do that then the text on each slide is not clearly visible - unless I place the text using the option "top left" ....... everything else either displaces my text on the slide, or changes the allignment ehich renders half of my text ineligible. Any other insights?

There is also a huge space after the "testimonial" section. should a similar code work better in that section?

1 Like
Highlighted
Shopify Partner
7687 1058 2673

This is an accepted solution.

@SSM1 

Thanks fost.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.article__grid-image-container {
height: auto;
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

Should I remove the earlier code before adding this? or is this only for the testimonials section (so I have to add this after the slide show code edit)?

When I add this after the slideshow code, the extra space between the blog pictures and their individual blog posts is removed - but not the space between the testimonials and the location section (which is the last section). Please advise.

0 Likes
Highlighted
Shopify Partner
7687 1058 2673

@SSM1 

yes can you please add both are code this two different section 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

Thanks. Added both.

adding the second code removed the extra space from the blog section (now the pictures and the descriptions in the blog section are close to each other - which I like) .... however there is still a wide empty space between the testimonials and the "map" section

 

Any idea how i can fix this (see picture below). Thanks.

 

 

testimonials extra space.PNG

 

0 Likes
Highlighted
Shopify Partner
7687 1058 2673

@SSM1 

Sorry i can't see this section on home page.

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 Expert | 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