Minimizing White Space Around Sections (Impulse Theme)

Solved
Tourist
3 1 0
 

Hi all,

 

I'm trying to make edits to my Shopify website. First thing on my list is to reduce some white-space.

Screen Shot 2019-12-13 at 1.41.08 PM.png

 

I looked at similar questions, found some answers, and tried adding this to my Footer.liquid file:

            div#shopify-section-1568655612435 {
                margin: 50px;
          	padding-bottom: 0px;
            }
            div#shopify-section-1574185146077 {
                margin: 0px;
	        padding-top: 0px;
            }  

 

This helped in reducing the white-space at the top but did nothing to reduce whitespace in the bottom.

Screen Shot 2019-12-13 at 2.14.04 PM.png

 
0 Likes
Tourist
3 1 0

Added the following to footer.liquid

            div#shopify-section-1568655612435 {
                margin: 50px;
          	padding-bottom: 0px;
            }   

Added this to theme.scss.liquid

#shopify-section-1574185146077 .flex-grid--gutters.flex-grid--1574185146077 {
		margin-top: 0px;
  		padding-top: 0px;
}

I can increase white-space by adjusting padding-bottom, margin-top, and padding-top. So I think this code does affect the page, however, I cannot seem to reduce the space between the sections any further--even when using 0px.

0 Likes
Highlighted

Success.

Tourist
3 1 0

Removed code from footer.liquid, this is now all in theme.scss.liquid

#shopify-section-1568655612435 {
		margin-top: 50px;
  		margin-bottom: -70px;
		padding-bottom: 0px;
} 

#shopify-section-1574185146077 .flex-grid--gutters.flex-grid--1574185146077 {
		margin-top: 0px;
  		padding-top: 0px;
}

This moves down the top section and overall reduces white-space in between the sections!

 

 

0 Likes