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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024