How can I remove the 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-section or .shopify-section at 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: 0 and margin: 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.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

How can I remove the white space in-between section - streamline theme

provengrit.us

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. 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

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.index-section {
    margin-top: -60px !important;
}

@ProvenGrit

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.index-section {
    margin-top: 0 !important;
    margin: 0px !important;
}