Archive / Blog page 3 wide

Hi! Here is a start to work with.

Start with editing index.php with a child theme, locate (line 31):

<?php if($i % 2 == 0) { echo '</div><div class="post-row">'; } $i++; endwhile; echo '</div>'; ?>

Change that to:

<?php if($i % 3 == 0) { echo '</div><div class="post-row">'; } $i++; endwhile; echo '</div>'; ?>

Then add this custom css:

.post-list .post { width: 33.33%; }

Should give you 3 posts per row, each taking up 1/3 of the space. You may need additional css to make it look good on lower resolutions.

Hi Alex, Thanks for getting back to me
This has sorted the spacing of the posts although the 3 row isn’t being used
just 2 banks of posts and an empty 3rd row

Thanks again

Hm, it should work – I’ve tested it on my end. Are you sure that you did the change to index.php as described above?