Shopify themes, liquid, logos, and UX
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.
Hi @DGQs , kindly share your store URL please. Thanks!
dgqs.myshopify.com.
password is damngood
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
media screen and (min-width: 750px) {
.section+.section {
margin-top: 0 !important;
}
}
@media screen and (min-width: 750px) {
.section-template--22698118512977__collection_list_6w4DCG-padding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
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.
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:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025