number of post columns

arjentic
(@nejra993)

8 years, 4 months ago

hello guys, is there any chance to reduce number of columns (3 by default) on main page where articles are shown, for example two columns in one line, little bit bigger than these three?
and is there a way to reduce number of posts on home page, for example 4 posts per page, after you can click older posts etc.
thanks alot 😊

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

(@sacredpath)

Automattic Happiness Engineer

Hi, give this a try. Add it to the very bottom of your custom CSS.

@media screen and (min-width: 960px) {
    .archive .site-main,
    .blog .site-main,
    .search .site-main {
        margin-left: -10px;
        margin-right: -10px;
    }
    .archive .site-main:before,
    .archive .site-main:after,
    .blog .site-main:before,
    .blog .site-main:after,
    .search .site-main:before,
    .search .site-main:after {
        content: "";
        display: table;
    }
    .archive .site-main:after,
    .blog .site-main:after,
    .search .site-main:after {
        clear: both;
    }
    .archive .hentry, 
    .blog .hentry, 
    .search .hentry {
        margin: 0;
        padding: 0 10px;
        width: 50%;
    }  
    .archive .hentry:nth-of-type(even),
    .blog .hentry:nth-of-type(even),
    .footer-widget-inner .widget:nth-of-type(even),
    .search .hentry:nth-of-type(even),  
    .archive .hentry:nth-of-type(odd),
    .blog .hentry:nth-of-type(odd),
    .footer-widget-inner .widget:nth-of-type(odd),
    .search .hentry:nth-of-type(odd) {
        margin-right: 0;
        margin-left: 0;
    }
    .content-area .hentry:nth-of-type(3n+1) {
        clear: none;
    }
    .content-area .hentry:nth-of-type(odd) {
        clear: left;
    }
}

Viewing 1 replies (of 1 total)

The topic ‘number of post columns’ is closed to new replies.

Tags