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.
User | RANK |
---|---|
129 | |
92 | |
77 | |
70 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022