Remove empty spaces between all my sections

Store Design

Topic summary

A user seeks to eliminate white spaces between sections on their Shopify store using the Crave theme. They’ve attempted adjusting padding but gaps persist.

Desired outcome:

  • Sections stacked directly on top of each other with no spacing
  • Images flowing seamlessly without gaps

Solutions provided:

Option 1 (websensepro):

  • Navigate to Online Store → Theme → Edit code
  • Open theme.liquid file
  • Insert CSS code before the </head> tag

Option 2 (Made4uo-Ribe):

  • Go to Online Store → Themes
  • Open main.css (or base.css/style.css/theme.css) under Assets folder
  • Add the following CSS at the bottom:
.shopify-section.section {
  margin-top: 0;
}
  • Save changes

Both solutions involve adding custom CSS to remove top margins from section elements. The discussion remains open as the original poster hasn’t confirmed which solution worked.

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

Hi there,

I would like to remove all the white/empty spaces between my sections. I know how to play around with the padding, but I have spaces regardless. I’ll show you a picture of what I want it to look like & what I currently have. I am using the Crave Theme.

Screenshot 2024-09-13 at 11.44.32.png
Screenshot 2024-09-13 at 11.44.32.png218×456 83.2 KB

Screenshot 2024-09-13 at 11.45.01.png
Screenshot 2024-09-13 at 11.45.01.png432×554 19.1 KB

1 Like
2

Hi @DGQs , kindly share your store URL please. Thanks!

3

dgqs.myshopify.com.

password is damngood

4

I want to remove it between the different sections, so no more space. I want it all to flow into each other as if it’s pictures stacked on top of each other.

5
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

6

Hi @DGQs

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.shopify-section.section {
    margin-top: 0;
}

And Save.

result:

Made4uoRibe_0-1726225077490.png
Made4uoRibe_0-1726225077490.png608×502 271 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!