Shopify themes, liquid, logos, and UX
Hello -
I am wanting to reduce the sections between the top sections of my page.
How can I do this?
website; www.littlerootz.com
password: blarop
Solved! Go to the solution
This is an accepted solution.
Hi @onawave,
Please add code:
#shopify-section-16371040954de9eafc,
#shopify-section-1522371573233{
padding-bottom: 15px;
}
#shopify-section-1637178467ff7b253b{
padding-bottom: 20px;
}
Or if you want to reduce the spacing of the whole home page, please add code:
.template--index .layout--main-content .shopify-section {
padding: 0 20px 20px;
}
Hope it is clear to you.
Hi @onawave,
You want to reduce here: https://i.imgur.com/VJZziyy.png
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme--critical.css and paste this at the bottom of the file:
.announcement--wrapper{
padding-top: 5px !important;
padding-bottom: 0px !important;
}
Hope it helps!
Thank you for your response.
I actually meant the sections shown in the screenshots provided.
If possible, may you provide a code for this?
This is an accepted solution.
Hi @onawave,
Please add code:
#shopify-section-16371040954de9eafc,
#shopify-section-1522371573233{
padding-bottom: 15px;
}
#shopify-section-1637178467ff7b253b{
padding-bottom: 20px;
}
Or if you want to reduce the spacing of the whole home page, please add code:
.template--index .layout--main-content .shopify-section {
padding: 0 20px 20px;
}
Hope it is clear to you.
Perfect! Thank you immensely!
That did work for me.
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