The two column below post

Activello
1

Hello ,

After adding some post I noticed that the two column post below disappear and merge into just one .

How to fix this ?

This theme is so great but I want the old format as per demo shows .

Thanks .

coatedpill

2

Up .

3

Can Anyone have a solution for this ?

4

Hi Coatedpill,

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

Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

Kind Regards,
Movin

5

http://ceborganization.com/

As you can see from the demo , the first 2 recent post will be only site wide in length and previous post will be in two columns .

But in my site , they are aligned as one .

Please advise .

Thanks .

6

This can be child theme issue on your site so to confirm it just temporary use the Activello theme instead of child theme on your site. If everything works fine then it’s your child theme issue so just share me your child theme so that i can troubleshoot it.

You can try resolving this issue 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;
    }
    .blog article.post {
        width: 50%;
        margin: 0;
        padding-right: 10px;
        display: inline-block;
        float: left;
    }
    .blog article.post .read-more, .blog article.post .entry-footer {
        display: none;
    }
    .blog article.post .post-inner-content {
        border: 0;
        padding: 0 0 30px;
    }
    .blog .page-1 article.post:first-child, .blog .page-1 article.post:nth-child(2) {
        width: 100%;
        padding: 0!important;
    }
    .blog .page-1 article.post:first-child .post-inner-content, .blog .page-1 article.post:nth-child(2) .post-inner-content {
        border-bottom: 1px solid #dedede;
    }
    .blog .page-1 article.post:first-child .post-inner-content {
        padding: 0 0 50px;
    }
    .blog .page-1 article.post:nth-child(2) .post-inner-content {
        padding: 50px 0;
        margin-bottom: 30px;
    }
    .blog .page-1 article.post:first-child .read-more, .blog .page-1 article.post:nth-child(2) .read-more,
     .blog .page-1 article.post:first-child .entry-footer, .blog .page-1 article.post:nth-child(2) .entry-footer {
        display: block;
    }
    .blog.home article.post:nth-child(odd) {
        clear: left;
        padding-right: 25px;
    }
    .blog article.post:nth-child(even) {
        padding-left: 25px;
        padding-right: 0;
    }
}
7

Hello .

Thank you very much for the code .

It works like a charm .

I can’t thank you enough .

This theme is so great .

Warm Regards .
coatedpill

8

You are always welcome here :slight_smile: