Shopify themes, liquid, logos, and UX
Hello Everyone.
Need help with the design on my Stockholm themed store. The spacing between my header and collections on the first page is to much. How do i reduce it?
My store Url: https://www.guldklippet.se/
Thanks in advance!
Regards Simon
Solved! Go to the solution
This is an accepted solution.
Thanks for quick answer and for the help!
It worked on the Featured Collections with pasting the code.
On the picture (Below) it looks like that section Slide Show has also to much margin/spacing with the white in the element. Is there a way to reduce that to?
Thanks
This is an accepted solution.
Yes, to Solve that;
1. Go to Image banner (Bildbanner),
2. Scroll to the bottom and click custom css,
3. paste the following;
.image--top .image-banner__wrapper {
/* Customize margin as much as you like, you can attempt 25px like below */
margin-top: 25px;
}
Please mark both as solution if they've worked for you
- Here is the solution for you @SnabbaSimon
- Please follow these steps:
- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
.featured-collection-section {
margin-top: 0px !important;
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
@SnabbaSimon you can add more code
.image--top .image-banner__wrapper {
margin-top: 0 !important;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hi,
1. Click Featured Collections (utvald Produktserie).
2. scroll to the bottom, and click custom css.
3. Paste the following code.
.spaced-section {
margin-top: 0;
}
@media screen and (min-width: 990px) {
.spaced-section {
margin-top: 0;
}
}
This is an accepted solution.
Thanks for quick answer and for the help!
It worked on the Featured Collections with pasting the code.
On the picture (Below) it looks like that section Slide Show has also to much margin/spacing with the white in the element. Is there a way to reduce that to?
Thanks
This is an accepted solution.
Yes, to Solve that;
1. Go to Image banner (Bildbanner),
2. Scroll to the bottom and click custom css,
3. paste the following;
.image--top .image-banner__wrapper {
/* Customize margin as much as you like, you can attempt 25px like below */
margin-top: 25px;
}
Please mark both as solution if they've worked for you
Thanks alot 🙂
Have a good day!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025