FROM CACHE - en_header

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

Replies 42 (42)
Jasoliya
Shopify Expert
4532 586 1144

HI @Tamara8264 

Send me your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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;}

Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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

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

 

Much appreciated!

Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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
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

sayammureed
New Member
1 0 0

didn't work for me

 

Jasoliya
Shopify Expert
4532 586 1144

Send me your store url,

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Brit3
Shopify Partner
2 0 0

I tried both and saw no change for me but I am only using the mobile version of this store. is there a specific code for a mobile version? My theme is Narrative.

Jasoliya
Shopify Expert
4532 586 1144

You can place code in side this condition that only affect on mobile:

@media only screen and (max-width: 767px) {
  //add code here
}

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Brit3
Shopify Partner
2 0 0
So I add the code and it did not work at all. im trying to just get rid of
the extra space in this one section not all of them. i added it to the
bottom od the Assets theme liquid in the edit code section should i be
placing it somewhere else? Please let me know! Thanks so much!!

PS. I attached an image so you can see what im trying to get rid of.
kingkrd
New Member
1 0 0

I am currently using the brooklyn theme. Can someone please advise how to reduce the white space between the  sections. For example, there is gap between CUSTOM HTML and IMAGE WITH TEXT. Hope a solution from all. Thanks

 

Jasoliya
Shopify Expert
4532 586 1144

Send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
KhalidRasheed
Tourist
4 0 1

Please help me. this code is not working for my store. How can I get rid of white spaces between sections?

Jasoliya
Shopify Expert
4532 586 1144

Send your store url  and let me know which section 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Todd_Fernley
Tourist
3 0 1

Was this ever resolved? I'm having similar issues. I'd like to reduce the space between my sections on my homepage (202Threads.com)

 

Is there a quick way to do this?

Jasoliya
Shopify Expert
4532 586 1144

try t add this code in Asset->theme.scss file at bottom:

@media only screen and (min-width: 750px){ .index-section { padding-top: 15px; padding-bottom: 15px; }}

 You can manage padding as you want space on top and bottom. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Todd_Fernley
Tourist
3 0 1

That worked! Much appreciated!