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!
hello @DGQs
can you please share your website Url
thanks
hello @DGQs
I am getting confused, there is space in that section on your desktop, do you need to remove that or do it on your mobile
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.
hello @DGQs
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>
add the code end of the file
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;
padding-bottom: 0;
}
}
thanks
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!
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024