Shopify themes, liquid, logos, and UX
How can I go about removing the empty spaces between my added sections and move things a bit closer together ? I have the debut theme .
Solved! Go to the solution
This is an accepted solution.
Hello @TiaM,
In your Store Theme
Admin->Actions->Edit Code->Assets->theme.scss
and paste following code at the bottom.
.index-section {
padding-top: 20px!important;
padding-bottom: 20px!important;
}
Please share your store URL and password.
frugal-finesse.com
password: fraoch
(when you first go to site there will be a pop up but if you scroll down you’ll see the normal password page . )
look for theme.scss.liquid, change below according to you like.
.index-section {
padding-top: 0px;
padding-bottom: 0px;
}
.slideshow__text-wrap--mobile {
display: none;
position: relative;
top: -1.1rem;
background-color: var(--color-bg);
width: 85%;
margin: 0 0 -1.1rem 7.5%;
z-index: 8;
}
hello @TiaM
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 729px) {
.template-index .index-section {
padding-top: 15px!important;
padding-bottom: 15px!important;
}
}
Thank you so much ! This worked !
This is an accepted solution.
Hello @TiaM,
In your Store Theme
Admin->Actions->Edit Code->Assets->theme.scss
and paste following code at the bottom.
.index-section {
padding-top: 20px!important;
padding-bottom: 20px!important;
}
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