1 column + 3 columns

Good morning! I love the theme!
I saw in this previous post. Change home page with two post at 100% width and following at 50% width.


I ask: how do I make the only first post 100% and all post the following 33%?
Thank you


Glad you love our theme. :slight_smile: Use this Custom CSS in Appearance -> Customize -> Additional CSS,

.half-posts article.post { float: none; }
.blog .page-1 .article-container article.post:nth-child(2), .half-posts article.post { width: 33%; }

.blog.home .page-1 article.post:nth-child(2) .post-inner-content {
    padding: 0;
    margin-bottom: 0px;

.blog.home .page-1 article.post:nth-child(2) .post-inner-content { border: none; }

.half-posts article.post:nth-child(3n) {
    clear: left;
    float: none;
    padding-left: 25px;

.blog.home .page-1 article.post:first-child .post-inner-content {
    margin-bottom: 30px;

If you’re happy with our service, don’t forget to rate us: [Activello] Reviews | WordPress.org

Let us know,


Thanks for the CSS code. But it does not seem to work well.
You can see the web here. http://www.hacidmagazine.com/
Now it is configured the option of the other support post where there is 2 post at 100% and rest at 50%
Your choice if you apply CCS custom keeps the look every post 100%. Something does not work well in your code.
Thank you

Please try using below custom CSS code instead of existing CSS code.

@media (min-width: 768px){
.blog:not(.paged) article.post {
    width: 33%;

.blog:not(.paged) .site-main article.post:nth-child(2) {
    width: 33%;
    padding-right: 25px !important;

.blog:not(.paged) article.post:nth-child(odd) {
    clear: none;
    padding-right: 0;

I think I did not explain myself well. sorry for my English. The idea is first post 100% and single column. All the following 33% to see three columns
Your CSS shows me all at 33% and a single column

This is what the provided custom CSS code should do on using it on your site as shown in the attached screenshot.

Are you not using on your site yet?

Right, I replaced my css with yours. He did not add it to the stall. It’s okay.
Only the next page of “old pages” returns to 100% size format. It should maintain 33%

You can also see that there are spaces between the posts. Some of them have no space between them and are in contact …

I think it would be better only first post at 100% and all others (including old pages) at 50%

I think it would be better only first post at 100% and all others (including old pages) at 50%

You can try achieving this by removing the existing used CSS code and using the custom CSS code solution posted in the any of the following topic.