Using PenNews, in the archive and category pages I wondered if it's possible to change the amount of posts per row, at the moment it only shows 2 as seen in the image 'only2' but I want it like the image 'home' which I've achieved only on the homepage
I don't mind doing some coding, I just really want the other pages to show 4 posts per row
Never mind I figured it out. I made this bit of css to get everything how I wanted, some things need clearing up but using two sidebar and a grid layout on a Block VC Pagination Numbers page I managed to get 4 posts per row instead of the default 2
Using PenNews, in the archive and category pages I wondered if it's possible to change the amount of posts per row, at the moment it only shows 2 as seen in the image 'only2' but I want it like the image 'home' which I've achieved only on the homepage
I don't mind doing some coding, I just really want the other pages to show 4 posts per row
Thanks
Never mind I figured it out. I made this bit of css to get everything how I wanted, some things need clearing up but using two sidebar and a grid layout on a Block VC Pagination Numbers page I managed to get 4 posts per row instead of the default 2
Block VC Pagination Numbers
.blog-grid .penci-archive__content .penci-post-item:not(.product):nth-child(2n+1) {
clear: right; }
.blog-grid .penci-archive__content .penci-post-item:not(.product) {width:25%;}
.penci-post-item {margin-bottom:30px;}
#penci-archive__content.penci-archive__content.penci-layout-blog-grid div.penci-archive__list_posts {margin-left:1px; margin-right:1px; }
.penci-container div.penci-container__content aside.widget-area.widget-area-2.penci-sticky-sidebar.penci-sidebar-widgets {margin-left:-550px;}
.penci-container__content aside.widget-area.widget-area-1.penci-sticky-sidebar.penci-sidebar-widgets {margin-right:-550px;}
.penci-container__content div.penci-wide-content.penci-sticky-content div.theiaStickySidebar {
margin-right: -999px; }
.penci-container div.penci-container__content div.penci-wide-content.penci-sticky-content {margin-left:70px;}