Grid and Full Width Blog Page

Activello
1

Hi,

Is it possible to make my blog page & any category pages (website.com/category/lifestyle) into a grid and to be full width without the sidebar?

I have a static homepage and so the blog is held on the ‘blog’ page.

Thanks

2

Hi @caroline,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

@media (min-width: 768px) {
    .article-container{
        overflow: hidden;
    }
    body.blog article.post,
    .archive.category article.post {
        width: 50%;
        margin: 0;
        padding-right: 10px;
        display: inline-block;
        float: left;
    }
    body.blog article.post .read-more, .archive.category article.post .entry-footer,
    .archive.category article.post .read-more, .archive.category article.post .entry-footer{
        display: none;
    }
    body.blog article.post .post-inner-content,
    .archive.category article.post .post-inner-content{
        border: 0;
        padding: 0 0 30px;
    }

    body.blog article.post:nth-child(2n),   
    .archive.category article.post:nth-child(2n){
        clear: left;
        padding-right: 25px;
    }
    body.blog article.post:nth-child(2n+1),
    .archive.category article.post:nth-child(2n+1){
        padding-left: 25px;
        padding-right: 0;
    }
}

Best Regards,
Movin