Reducing White Space Between Sections

New Member
3 0 0

Hi Friends,

 

I am currently using the boundless template. Can someone please advise how to reduce the white space between the  sections. For example, here is the gap that I have between my "text" section which notes "featured items" and the images of the featured items section. If it needs to be adjust for each section, I would also like to do the same after the featured items section, and before/after the newsletter and rich text sections. Thanks in advance.

 

I am in process of a lunch right now and have a password:

 

URL: shopUrbanAlchemy.com

password: celebrate

 

2019-12-14 01_08_29-Shop Urban Alchemy ~ Customize ~ Boundless ~ Shopify.jpg

0 Likes
Shopify Expert
2474 415 522

HI @Tamara8264 

Send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Expert
2474 415 522

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-1576313039506,#shopify-section-1576313039506 p{  margin-bottom: 0;}

Note: this css only work for this section 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

Thanks. It reduced the spacing. To confirm, I would need to do this for each section? If so, once I get the section #s would I use the same, replacing the section #s and then list one after another at the end of theme.scss?:

 

#shopify-section-1576313039506,#shopify-section-1576313039506 p{ margin-bottom: 0;}

0 Likes
Shopify Expert
2474 415 522

No if you want to reduce from all section then use this

.index-section{ margin-bottom: 0; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

Thank you. To clarify I place .index-section{ margin-bottom: 0; } in each section or just the theme.scss section?

 

Much appreciated!

0 Likes
Shopify Expert
2474 415 522

Yes you can add it in theme.scss file that reduce  space form all section on home page

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes