Shopify themes, liquid, logos, and UX
HI
I am wondering about how can I reduce the padding for rich text part .
I want to reduce top and bottom padding because it's too big for me .I have tried a lot of solutions in theme.scss.liquid ,but it didn't work .
I don't know if support for SCSS has been deprecated in templates on Shopify .
Pls help me !
Url: sales.bellissimochina.com
Solved! Go to the solution
This is an accepted solution.
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
.index-sections .shopify-section {
margin-top: 35px!important;
}
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
My URL : sales.bellissimochina.com
Thanks
This is an accepted solution.
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
.index-sections .shopify-section {
margin-top: 35px!important;
}
Thanks !
If it's possible I want to edit the gap betwwen header and content?
And also it will change the gap when we browse on smart phone?
hello @LEUNGGUOTAO
can you please share a screenshot of which section do you want to reduce space
Please add the following code at the bottom of your assets/theme.scss.liquid file.
div#shopify-section-162614941816744220 {
margin-top: 20px;
}
div#shopify-section-1626148358b01c5fb0{
margin-bottom: 20px;
}
Hope this helps.
Thanks!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024