Category page layout in 2 columns

dev
1

Hello,

I am trying to modify the layout of the category page.
Each category is a table, so the category page is a list of tables.

Document
Document2481×3509 171 KB

But, I would like to have a layout in 2 columns like that:
Document-1
Document-12481×3509 168 KB

Would you have any idea?

2

Did you try the out-of-the-shelf boxed layout?

image
image1369×735 34.8 KB

Have a look at the desktop category page style setting :slight_smile:

image

If you want a custom solution, you can override the page template: https://meta.discourse.org/t/beginners-guide-to-developing-discourse-themes/93648#overriding-discourse-templates-23

3 Likes
3

OK, thank you, I am going to try this.

4

Masonry layout is only an experimental grid flow setting on Firefox and Safari at present and no good for production as not enabled by default.

You might want to revisit in one year and see if things have changed in the CSS space, see:

For now a symmetrical grid is the only sensible alternative, otherwise you are getting into having to use Javascript to deliver that. If you really want to go that route, you can look at the open source code in Topic List Previews or Topic List Thumbnails and adapt it for this use case.

1 Like