Category template

Hi I have a question I would like it to look exactly like the main page of the theme on my blog on each category page.

Hi @desugar123,

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;
    }
    .archive.category article.post {
        width: 50%;
        margin: 0;
        padding-right: 10px;
        display: inline-block;
        float: left;
    }
    .archive.category article.post .read-more, .archive.category article.post .entry-footer{
        display: none;
    }
    .archive.category article.post .post-inner-content{
        border: 0;
        padding: 0 0 30px;
    }
    .archive.category .site-main article.post:nth-child(2), .archive.category .site-main article.post:nth-child(3) {
        width: 100%;
        padding: 0!important;
    }
    .archive.category .site-main article.post:nth-child(2) .post-inner-content, .archive.category .site-main article.post:nth-child(3) .post-inner-content{
        border-bottom: 1px solid #dedede;
    }
    .archive.category .site-main article.post:first-child .post-inner-content{
        padding: 0 0 50px;
    }
    .archive.category .site-main article.post:nth-child(2) .post-inner-content{
        padding: 50px 0;
        margin-bottom: 30px;
    }
    .archive.category .site-main article.post:nth-child(2) .read-more, .archive.category .site-main article.post:nth-child(3) .read-more,
    .archive.category .site-main article.post:nth-child(2) .entry-footer, .archive.category .site-main article.post:nth-child(3) .entry-footer{
        display: block;
    }
    .archive.category article.post:nth-child(odd+1){
        clear: left;
        padding-right: 25px;
    }
    .archive.category article.post:nth-child(even+1){
        padding-left: 25px;
    }
}

#infinite-handle span {
    clear: both;
}

Best Regards,
Movin

hello perfect is what I was looking for, but further consultation is the first descuadrado

attached image

It’s working fine on my test site.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?