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
movin
February 22, 2017, 2:39pm
2
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!
movin
February 23, 2017, 1:35pm
4
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;
}
movin
February 24, 2017, 9:05am
6
You are most welcome here