Padding in content on front page

I have removed the header and would like the padding between the content and the top menu to be the way it is now. But the padding (or margin?) is too wide between the single post featured images on the front page. I can’t find out how to change that padding without also changing the padding on the top. Any tips on how to fix this? :slight_smile:

https://grow.aktivigrorud.no/

Hi there,

Maybe this CSS code can resolve the issue:

.home .site-content {
    margin-top: 0;
}

Add the code to Customize > additional CSS.

Thanks! It worked on the top but there is still too much padding beneath the post previews beneath the header video.

Hi,

Can you take a screenshot with a mark of the section that you mentioned?

I think maybe it is because the read more-function?

mvh

Tonje Brustuen

Konsulent

Bydel Grorud

90 41 47 42

www.aktivigrorud.no

Aktiv i Grorud på Facebook

Aktiv i Grorud på Instagram

I see… try this

@media only screen and (max-width: 991px){
    .home .posts-loop {
        height: auto !important;
    }
    .home .posts-loop article, .home .posts-loop .hentry, .home .posts-loop .entry-header {
        margin-bottom: 0;
    }
    .home .posts-loop article {
        position: relative !important;
        top: 0 !important;
    }
    .home .site-footer {
        display: none;
    }
}

Thanks! It looks good on mobile now, but does not seem to work on desktop. I checked in chrome, firefox and safari and also cleared the cache in chrome at least. Weird!

mvh

Tonje Brustuen

Konsulent

Bydel Grorud

90 41 47 42

www.aktivigrorud.no

Aktiv i Grorud på Facebook

Aktiv i Grorud på Instagram

Hi,

Its bit complicated to modify the layout because the layout position are automatically generated by javascript.