How can I remove automatic white space between sections on Impulse theme?

Store Design
, ,
1

Hi there,

Our site is on Impulse theme, and I’m looking to add section custom CSS or code to the theme liquid file to remove the white space that is automatically added between all sections (on our home page now, but will also probably be used on other pages). Most sections have the ‘Show Section Divider’ option on top of the white space that is automatically added so we’ll just use that when we want the space, but we’re not wanting to have the space there most of the time.

Thanks,

Jacob

2

HI @jacobtajima
In this case you can contact with theme supporter, they will help you add some custom code to change the style.
Or please share your store URL, and we will check and give you some custom code to make that.

3

Hello @jacobtajima ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

.section-class {
    margin-bottom: 0;
    padding-bottom: 0;
}

Replace “.section-class” with the actual class or ID name of your sections

Save and preview

Hope this can help.

Transcy