# Is it possible to re-order the topic list columns (Front Page)?

**URL:** https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092
**Category:** Development
**Created:** [May 9, 2018, 6:36pm UTC](https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092 "2018-05-09T18:36:45Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![ibee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibee/32/200930_2.png) [@ibee](https://meta.discourse.org/u/ibee)
#### Post date: [May 9, 2018, 6:36pm UTC](https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092/1 "2018-05-09T18:36:45Z")

</div>

Hello,

Is there any way to reorder columns as shown in the screenshot below?

 ![columns](https://global.discourse-cdn.com/meta/original/3X/3/4/34f119bc069dbeb1b57a5b3fd205a026cf30fbcd.PNG)

Note: I switched the order of elements (users first instead of topics) on my browser and changed a few properties on Mozilla’s installation to get the above.

Why:  
It always feels weird (to me) whenever I have to look to the far left to read a list of items on websites. I find content that’s a bit centered easier to digest but that could be a weird personal quirk.

I would appreciate pointers on the best way to go about it;

- Is there a way to do it from discourse settings?

- changing the order directly from discourse source code?

- Develop a new front page design entirely (a la wordpress themes)?

- CSS only?

- ???

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 9, 2018, 7:41pm UTC](https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092/2 "2018-05-09T19:41:03Z")

</div>

There’s no way to do this with the settings, and if you directly edit the source of Discourse you’ll lose progress whenever you update.

I think there are two ways this could work, both of these require using a theme so you can upgrade Discourse without losing your work:

- CSS only: It wouldn’t be a completely trivial task because you’d be editing how the table layout works. The way I would approach it would be by defining each row in the table (`tr`) as a flex item, you’d then be able to order the cells in the row (`td`) by using the [order property](https://css-tricks.com/almanac/properties/o/order/) of flex box.

- Overriding the topic-list template. This is quicker to do, but would likely require more ongoing maintenance to keep up with updates. You can take a look at this theme here to get an idea of how it works: [Sam's Simple Theme](https://meta.discourse.org/t/sams-personal-minimal-topic-list-design/23552). Specifically, [this file in that theme](https://github.com/SamSaffron/discourse-simple-theme/blob/master/desktop/header.html) takes the [core Discourse topic-list template](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/list/topic-list-item.raw.hbs) and overrides it.

---

<div class="post-metadata">

### Author: ![ibee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibee/32/200930_2.png) [@ibee](https://meta.discourse.org/u/ibee)
#### Post date: [May 9, 2018, 8:09pm UTC](https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092/3 "2018-05-09T20:09:13Z")

</div>

Thanks @awesomerobot

I think I can work with overriding the template.

---

<div class="post-metadata">

### Author: ![yekta](https://avatars.discourse-cdn.com/v4/letter/y/3be4f8/32.png) [@yekta](https://meta.discourse.org/u/yekta)
#### Post date: [August 3, 2024, 9:28am UTC](https://meta.discourse.org/t/is-it-possible-to-re-order-the-topic-list-columns-front-page/87092/4 "2024-08-03T09:28:06Z")

</div>

please tell me how did you change the position of Users column and moved it to the left?
