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;
}
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