Category Page with 3 Columns

Hi, I was able to successfully make the blog page have three columns instead of one by adding this code in the custom CSS section:

@media (min-width: 1008px){ body.blog #main > article { width: 32%; float: left; margin-right: 1%; } nav.navigation.paging-navigation, body.blog #main > article:nth-child(3n+1) { clear: both; } }

But now I’d like to use that three column format for the category page. Is that possible?

Thanks so much for your help :slight_smile:

Hi @suzette008,

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

Yes it is possible. Use the same code but just change from body.blog to body.category

Best Regards,
Movin

Thank you so much, Movin. That worked except I don’t know how to chop the content off the categories page so we just see the featured image and the title similar to this page: http://suzettebarnett.com/photo-stories-and-features/

It would be great top chop off some the extra white padding around the title, too.

This is how the categories page looks currently: http://suzettebarnett.com/category/photo-stories-and-features/

Thank you!

You can use below custom CSS code to achieve this.

body.category .entry-content {
    display: none;
}

body.category .post-inner-content {
    padding: 25px 20px 0;
}

Thank you, Movin! Worked like a charm.

Behold: http://suzettebarnett.com/category/photo-stories-and-features/

:smiley:

You are most welcome here :slight_smile: