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)
chrislitras
Tourist
13 0 1

Hi, I'm struggling to make the codes you sent work. I'm not seeing any changes when I apply.

I'd like to either remove the white space between each section individually or for all sections on the home page.

Please help?

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
chrislitras
Tourist
13 0 1
Thanks.

It's www.bouncepets.com / bounce-pets.myshopify.com

Password is bouncepets2021
Jasoliya
Shopify Expert
4532 586 1144

Which space do you want to reduce? show me so i can check that.

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
chrislitras
Tourist
13 0 1

Hi, thank you. I've attached two examples - so in the first image it's between the slideshow and pictures. The second image is the space above "Featured Brands" and the space above "TOP PICKS"

 

chrislitras_0-1616348757686.png

 

 

 

Jasoliya
Shopify Expert
4532 586 1144

Add this code in asset->theme.css file at bottom

@media screen and (min-width: 641px) {
    [data-section-id="1612709371f61e9baf"] {margin: 25px 0; }
    [data-section-id="1612709573886118c3"] {margin: 25px 0; }
}
 

Note: 1st code for 1st image and 2nd for 2nd image. you can adjust space as per you want.  

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
chrislitras
Tourist
13 0 1

This worked! Thank you so much 🙂 

Wenhaocheok
New Member
2 0 0

Hi I have a smilar issue regarding white space. I tried the code and edited my section ID. Could you please help? Thanks

Link: wok-meister.de

password:wenhaocheok280594

Wenhaocheok_0-1617456667793.png
Im trying to remove space between my featured products the the CTA Button below it.

 

Jasoliya
Shopify Expert
4532 586 1144

add this code:

#shopify-section-1617453975bc551525  { margin-top: 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
Wenhaocheok
New Member
2 0 0

worked like a charm thanks!

nmashopfounder
New Member
3 0 0

Hi,

Can you help me with the code needed to reduce the spaces between the first and second product listing at the beginning of my home page?

URL: www.nmashop.com

Password: eamaim

Thank you!

nmashopfounder
New Member
3 0 0

Also, is there a way to get the two products to appear side by side?

Jasoliya
Shopify Expert
4532 586 1144

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

.featured-product__wrapper{    padding-top: 50px;}

 

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
nmashopfounder
New Member
3 0 0

Thank you so much! That worked! Is there a way to get the two products to appear side by side?

VeronicaTeo
Tourist
15 0 3

Hi there,

I am having the same space/ padding problem on mobile. I have tried all the above options but still doesn't seem to work. I need less space between all sections.

My URL is https://letsevulve.com 

Please see screenshots for reference.

Thank you.

Screenshot 2021-07-02 at 11.29.30.pngScreenshot 2021-07-02 at 11.29.46.png

Jasoliya
Shopify Expert
4532 586 1144

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

.index-section{margin-top: 30px; margin-bottom: 30px;}

 

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
VeronicaTeo
Tourist
15 0 3

Hi,

Is this for mobile? (I only need the spacing changed for mobile)

Thank you,

V

Jasoliya
Shopify Expert
4532 586 1144

Then add this code:

 @media only screen and (max-width: 767px) {
       .index-section{margin-top: 30px; margin-bottom: 30px;} 
    }
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
Rasty
Excursionist
17 0 3

Hi @Jasoliya ,

could you please help me to reduce spaces between my all sections? My website is www.kyslikovo.sk

Thank you

Jasoliya
Shopify Expert
4532 586 1144

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

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

 

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