Recent Topics block in two columns?

[DinoToyForum]

Is it possible to adjust the Recent Topics block so it appears as two columns (say, of 10 posts each)?

I've achieved a rough work-around for this by creating two separate Recent Topics blocks for different non-overlapping sets of boards, but what I really want is a continuous sequential list of recent posts from all boards, most recent on the left column, less recent on the right column.

Could this be achieved by having two Recent Topics blocks, and somehow omitting the first 10 Recent Posts from the second Recent Topics block?

[@rjen]

Not easily: the block is not designed to do this.

[@rjen]

You can do it with a bit of css, but that will show multiple columns in one block, making it a bit tight for a side block. Try adding this to tp-custom.css

ul.tp_recenttopics {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


That will work better for a center block though...

[DinoToyForum]

It's on a center block anyway, I'll try it out, thanks!

[DinoToyForum]

Ah, a slight wrinkle. I only want two columns on screens over 900px.

At the moment, I have a separate Recent Topics block (20 Topics) for <900px, that I'd like to keep one column. Will your suggested css affect that block too?

[@rjen]

Can you share a link to your site?

[DinoToyForum]

Sure: https://dinotoyblog.com/forum

[@rjen]

Based on your site, you are using three center panel blocks for recent topics

Block 43 with 20 recenttopics showing on screens < 900 px
Block 73 and 74 with 10 recenttopics showing on screens > 900 px

If you want multiple columns based on a screen width while maintaining only one block you can solve it with css..

1. First deactivate blocks 73 and 74
2. Then set block 43 to show at all screen sizes
3. Then add this to you tp-custom css:

Code Select Expand

@media screen and (min-width: 900px) {
#block43 > div > div > div> ul.tp_recenttopics {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
}

4. make sure to clear your browser cache and it will work...

[DinoToyForum]

Thanks! I'll give it a try.

[DinoToyForum]

Perfection. Thanks so much for your help!