# How to hide users column on latest?

**URL:** https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229
**Category:** Support
**Created:** [2017年六月9日 14:17 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229 "2017-06-09T14:17:02Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:17 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/1 "2017-06-09T14:17:02Z")

</div>

Hello everyone, i wanna delete column users in front page  
examlple photo:  
Help me!

 ![](https://global.discourse-cdn.com/meta/original/3X/9/5/9595db598b585092cd96953071846b92805f188c.png)

---

<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: [2017年六月9日 14:23 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/2 "2017-06-09T14:23:55Z")

</div>

With CSS you can do

`.topic-list .posters {display: none}`

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:31 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/6 "2017-06-09T14:31:23Z")

</div>

And i wanna delete user on posting page  
Examlple:

 ![](https://global.discourse-cdn.com/meta/original/3X/8/8/883ea34ad4c839cd1d7eaffa6c877a5a22197bee.png)

How add Css @cpradio  
thank you!

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017年六月9日 14:34 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/7 "2017-06-09T14:34:15Z")

</div>

```plaintext
article .topic-avatar {display:none;}
.topic-body .names {display:none;}

```

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:35 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/8 "2017-06-09T14:35:38Z")

</div>

> [@cpradio](#):
>
> article .topic-avatar {display:none;}  
> .topic-body .names {display:none;}

Thank @cpradio i done  
You are hero 🙂

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:39 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/9 "2017-06-09T14:39:13Z")

</div>

Finally, @cpradio help me hidden here:

 ![](https://global.discourse-cdn.com/meta/original/3X/b/a/ba0f5067c6dc35a47a3b9e9a3f33686ece4a6308.png)  
Thank you!

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017年六月9日 14:41 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/10 "2017-06-09T14:41:51Z")

</div>

```plaintext
.topic-map li:nth-child(1), .topic-map li:nth-child(2), .topic-map li.avatars {display: none}
.topic-map-expanded .avatars { display: none}

```

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:43 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/11 "2017-06-09T14:43:45Z")

</div>

Thank @cpradio very much!

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:47 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/12 "2017-06-09T14:47:27Z")

</div>

🙂 And Here @cpradio Categories page?

 ![](https://global.discourse-cdn.com/meta/original/3X/0/9/09e857498ca6a529392ecff81837d5b83b7f8152.png)

Help me Css!

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017年六月9日 14:52 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/13 "2017-06-09T14:52:02Z")

</div>

Okay, so for the CSS, you just need to use your browser.

Right click on the avatars, choose Inspect (Element), then you should see something like

 ![](https://global.discourse-cdn.com/meta/original/3X/9/5/951be542d1b896b479787fa07475d1fbfc20380f.png)

As you can see, it selected the image you right-clicked on and choose inspect element, you want to remove the whole column, so navigate up the DOM tree to the td.topic-poster, that is the class you want to target, which means you end up having

```plaintext
td.topic-poster { display: none}

```

You should probably put `.topic-list` on it too, so it becomes

```plaintext
.topic-list td.topic-poster { display: none}

```

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月9日 14:55 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/14 "2017-06-09T14:55:27Z")

</div>

Thank @cpradio  
i understand what you teach! Thank you!

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月11日 02:41 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/15 "2017-06-11T02:41:06Z")

</div>

Hello @cpradio please help me css for hide users on mobile?

 ![](https://global.discourse-cdn.com/meta/original/3X/b/a/ba48c629e44f79dbe17048a42e99c60e95031536.png)

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2017年六月11日 07:33 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/16 "2017-06-11T07:33:20Z")

</div>

What is the HTML tag those are in and what, if any, attributes / values do they have?

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月12日 08:26 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/17 "2017-06-12T08:26:23Z")

</div>

we can’t HTML inspect element on mobile, so i don’t know HTML tag those are in and what, attributes / values am i have

 ![](https://global.discourse-cdn.com/meta/original/3X/9/2/922205d18ed6bc58a4e645c0cce65cadd3640ae6.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017年六月12日 08:31 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/18 "2017-06-12T08:31:54Z")

</div>

Just use Chrome for Desktop, press f12 key, then select mobile view. Very simple, then you can look at CSS and HTML exactly as they would appear on mobile.

 ![](https://global.discourse-cdn.com/meta/original/3X/e/f/ef55ac35ab3261da79c28a13b73d17ec8ce74ce3.png)

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月12日 08:57 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/19 "2017-06-12T08:57:45Z")

</div>

i find this:

.topic-list.ember-view td.pull-left { display: none}

but My code don’t effect  
@cpradio help me, i dont know code css, i don’t understand developt!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017年六月12日 09:55 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/20 "2017-06-12T09:55:29Z")

</div>

You can post in #Marketplace or hire someone who does to assist.

Alternately there are many free online courses that can teach you HTML and CSS.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2017年六月12日 10:26 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/21 "2017-06-12T10:26:37Z")

</div>

> [@thaidb](#):
>
> .topic-list.ember-view td.pull-left { display: none}

You are close.

```plaintext
.topic-list td div.pull-left a { display: none; }
.topic-list td div.pull-right { margin-left: 0px; }

```

When applying it in Discourse, there is a mobile icon (top right?) click that first, then paste it in the CSS and hit save.

---

<div class="post-metadata">

### Author: ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)
#### Post date: [2017年六月12日 10:30 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/22 "2017-06-12T10:30:31Z")

</div>

Thank @cpradio so much  
\<3

---

<div class="post-metadata">

### Author: ![Berto](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/berto/32/77084_2.png) [@Berto](https://meta.discourse.org/u/Berto)
#### Post date: [2017年八月19日 03:23 UTC](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229/23 "2017-08-19T03:23:03Z")

</div>

Seems like I want a similar “minimal” style here with several of these items not displayed.

However, just hiding them with CSS still forces the browser to download them. Small size but additional requests.

Will there ever be any _setup_ based options to completely disable things such as the Poster List avatars so that those resources are saved?

[下一頁](https://meta.discourse.org/t/how-to-hide-users-column-on-latest/64229.md?page=2)
