Shopify themes, liquid, logos, and UX
Hi there, paid subscriber here.
I want to remove the giant white gap between the "highlighted collection" strip of products and "view all" button so it's less scrolling for my customer and also makes it more obvious what the "view all" button leads to. I have 2 collections highlighted with view all buttons that need spacing corrected. Spacing between sections in general in the Debut theme is too much IMO.
Please help!
Solved! Go to the solution
This is an accepted solution.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.template-index hr {margin: 15px 0 !important;}
.template-index .index-section {padding-top: 20px;padding-bottom: 20px;}
}
Thanks!
hii, @MochiMakes
Kindly share your store URL so,
I can solve it perfectly.
Thank You.
Please share stor URL!
Thanks!
In general I want to be able to short ALL the spaces between sections. It's too much white empty space for me. Is there also a way to make the "image with text" image smaller too?
This is an accepted solution.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.template-index hr {margin: 15px 0 !important;}
.template-index .index-section {padding-top: 20px;padding-bottom: 20px;}
}
Thanks!
There is still a big gap at the bottom of the page between the bottom and the "image beside text" section. Is there similar code I can use to also shrink that specific area?
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