Solved

Impulse Theme How to Eliminate White Space Between Sections

PureJoyUS
Visitor
2 0 1

Hello, 

 

Would like some help to reduce the white space between sections? In the image reduce the space above email subscription. Also I have similar space in the page between different sections. 

 

https://purejoyus.com/ 

 

Screen Shot 2024-04-19 at 10.39.54 AM 1.png

 

Appreciate the help!

 

Regards

Jai

GG
Accepted Solution (1)

PageFly-Henry
Shopify Partner
1145 323 277

This is an accepted solution.

Hi @PureJoyUS 

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

 

.shopify-section {

    margin: 16px !important;

}

.newsletter-section.newsletter-template--22350012481832__newsletter_BfCK8U.newsletter-section--with-divider {

    padding-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.

View solution in original post

Replies 3 (3)

PageFly-Henry
Shopify Partner
1145 323 277

This is an accepted solution.

Hi @PureJoyUS 

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

 

.shopify-section {

    margin: 16px !important;

}

.newsletter-section.newsletter-template--22350012481832__newsletter_BfCK8U.newsletter-section--with-divider {

    padding-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.

PureJoyUS
Visitor
2 0 1

@PageFly-Henry that worked. Thank you for the quick help. Would it be possible to have some space that I can adjust as needed? 

 

Appreciate the help!

 

Regards

Jai

GG
PageFly-Henry
Shopify Partner
1145 323 277

Yes, you can adjust number on this code:

.shopify-section {

    margin: 16px !important;

}

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.