Reducing White Space Between Sections

Tamara8264
Tourist
5 0 1

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
Jasoliya
Shopify Expert
4299 569 1073

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Jasoliya
Shopify Expert
4299 569 1073

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Tamara8264
Tourist
5 0 1

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
Jasoliya
Shopify Expert
4299 569 1073

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tamara8264
Tourist
5 0 1

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

 

Much appreciated!

0 Likes
Jasoliya
Shopify Expert
4299 569 1073

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
kunal93
New Member
1 0 0

Hi Team, I am using Boundless Theme.

1. How to Reduce Space Between the sections like Custom Html & Rich Text on the homepage? 

2. How do i insert icons in the Rich Text Headings?

Help Highly Appreciated. 

Thanks

0 Likes
sayammureed
New Member
1 0 0

didn't work for me

 

0 Likes
Jasoliya
Shopify Expert
4299 569 1073

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes