How to remove spacing between two sections?

Store Design
, , ,
1

How would i go about removing this awkward white spacing between my image banner and the blog post previews on my blog post page: https://teefiti.dk/blogs/nyheder code: Teefiti2022

Im on the dawn theme.

Screenshot 2022-11-20_23-20-10-920.png
Screenshot 2022-11-20_23-20-10-920.png2774×1168 413 KB

2

@MetteT

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.blog.background-secondary.no-heading {
    margin-top: 0 !important;
}
3

@KetanKumar Thank you for the quick answer! unfortunately it didnt work.

4

Luke_f_0-1668987343771.png
Luke_f_0-1668987343771.png1772×254 24.8 KB

looks the margin-top is right but selector not quite… try adjusting the above

5

This screenshot is from the wrong page. That is why its suggesting the collection as the section. I only want to remove the spacing on the blog page i refered to above.

6

I found out that i had to go to the section-featured-blog.css and set the top margin to 0 px. in the following, as it was overwriting my efforts to code it away:

@media screen and (min-width: 750px) {
  .blog.no-heading {
    margin-top: 0 px;
  }
}