Increase columns for posts in sketch

Hi @mariannesuyin!

The easiest solution (to avoid needing to create a child theme) would be to try doing it with all CSS:

– make the posts narrower
– float them side by side
– add a little spacing
– hide the post content

@media screen and (min-width: 800px) {
    .blog .hentry {
        width: 45%;
        float: left;
        min-height: 275px;
    }
    .blog .hentry:nth-of-type(even) {
        margin-left: 5%;
    }
    .blog .entry-content {
        display: none
    }
}

This should do the above, plus it adds a minimum width, to prevent any gaps if you have some taller posts (long titles and/or featured images) that would mess up the alignment.

It also only impacts larger screens, since columns can get awkward on narrow mobile devices 🙂

To add the CSS, you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module

• This reply was modified 9 years, 3 months ago by Chad Chadbourne.