Remove Blank Space Between Sections -Impulse Theme

Store Design
1

Hello,

I am trying to remove or reduce blank spaces between sections on my Home page. I am using the Impulse theme. It would be great to be able to remove padding to all sections instead of going one by one.

The url is: https://www.partheafashion.com

Thx for help!

scarlett996_0-1703756483161.png
scarlett996_0-1703756483161.png1740×598 90.5 KB

2

HI @scarlett996

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.promo-grid.promo-grid–space-top.promo-grid–space-bottom {

padding: 10px !important;

}

div#shopify-section-template–15682927362218__featured-collections {

margin-top: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Hi @scarlett996
You can place the CSS below to theme.css to remove the margins of the sections.

@media only screen and (min-width: 769px) {
  .promo-grid--space-top, .promo-grid--space-bottom {
    padding-top: 0px;
  }
  #shopify-section-template--15682927362218__featured-collections{
    margin-top: 0px;  
  }
}
4

Hi @PageFly-Henry

Thank you it worked on this part, but the other section below is blank again

scarlett996_0-1703758935110.png
scarlett996_0-1703758935110.png1480×475 491 KB

5

You can try with this code:

div#shopify-section-template--15682927362218__4178fe59-a288-4d3b-82bc-5d9514936557 { margin-bottom: 0 !important; }
6

Hi @PageFly-Henry

I think it didn’t work