[Resolved] Display Posts on Blog Page in a single Container

[Jiren]

Hello, I want my Blog Page to have the same look like this sites.

-all posts in a single container and separated by a simple separator

I could not find anything related to this, so far and maybe my post will help others as well.

[Tom]

Hi there,

Give this CSS a shot:

.separate-containers .site-main>* {
    margin-bottom: 0;
}

.inside-article {
    border: 0;
    box-shadow: 0 0 0;
}

.site-main {
    border: 1px solid rgba(232,234,237,1);
    box-shadow: 0 0 10px rgba(232,234,237,.5);
}

.blog .site-main > article,
.archive .site-main > article {
    border-bottom: 1px solid #eee;
}

Let me know 🙂

[Jiren]

Worked like a charm. Thank you very much.

[Tom]

You’re welcome 🙂

[Author]

Posts