How can I remove the white space in-between section - streamline theme
Topic summary
A user seeks to eliminate white space between sections on their Shopify store using the Streamline theme.
Proposed Solutions:
Multiple respondents suggest similar CSS-based fixes:
- Navigate to: Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locate the theme.css file under Assets
- Add CSS targeting
.index-sectionor.shopify-sectionat the bottom of the file
CSS Variations Offered:
- Set
margin: 0 !important; - Set
margin-bottom: 0 !important; - Set
margin-top: -60px !important;(negative margin approach) - Combination of
margin-top: 0andmargin: 0px
Status:
The discussion remains open with no confirmation from the original poster about which solution worked. All responses follow the same general approach of adding custom CSS to remove or adjust section margins.
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.index-section {
margin: 0!important;
}
1 Like
Hello @ProvenGrit
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.
.index-section {
margin-bottom: 0 !important;
}
Hi, @ProvenGrit
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.index-section {
margin-top: -60px !important;
}
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.index-section {
margin-top: 0 !important;
margin: 0px !important;
}
