Remove Blank Space Between Sections -Impulse Theme

scarlett996
Excursionist
15 0 3

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

 

Replies 5 (5)

PageFly-Henry
Astronaut
775 207 182

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

scarlett996
Excursionist
15 0 3

Hi @PageFly-Henry 

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

scarlett996_0-1703758935110.png

 

PageFly-Henry
Astronaut
775 207 182

You can try with this code:

<style>

div#shopify-section-template--15682927362218__4178fe59-a288-4d3b-82bc-5d9514936557 {

    margin-bottom: 0 !important;

}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

scarlett996
Excursionist
15 0 3

Hi @PageFly-Henry 

I think it didn't work

Rishihuptech
Shopify Partner
351 63 68

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;  
  }
}

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required