How do i reduce spacing between sections? / Stockholm Theme

[SnabbaSimon]

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

[BSS-TekLabs]

• 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.

[Gideon11]

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

[SnabbaSimon]

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

[BSS-TekLabs]

@SnabbaSimon you can add more code

.image--top .image-banner__wrapper {
    margin-top: 0 !important;
}

[Gideon11]

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

[SnabbaSimon]

Thanks alot

Have a good day!