How to hide users column on latest?

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

3 إعجابات

With CSS you can do

.topic-list .posters {display: none}

8 إعجابات

And i wanna delete user on posting page
Examlple:

How add Css @cpradio
thank you!

إعجاب واحد (1)
article .topic-avatar {display:none;}
.topic-body .names {display:none;}
4 إعجابات

Thank @cpradio i done
You are hero :slight_smile:

إعجاب واحد (1)

Finally, @cpradio help me hidden here:


Thank you!

إعجاب واحد (1)
.topic-map li:nth-child(1), .topic-map li:nth-child(2), .topic-map li.avatars {display: none}
.topic-map-expanded .avatars { display: none}
5 إعجابات

Thank @cpradio very much!

إعجابَين (2)

:slight_smile: And Here @cpradio Categories page?

Help me Css!

إعجاب واحد (1)

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

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

td.topic-poster { display: none}

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

.topic-list td.topic-poster { display: none}
8 إعجابات

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

3 إعجابات

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

إعجاب واحد (1)

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

إعجابَين (2)

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

إعجاب واحد (1)

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.

3 إعجابات

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!

إعجاب واحد (1)

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.

إعجابَين (2)

You are close.

.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.

إعجابَين (2)

Thank @cpradio so much
<3

إعجابَين (2)

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?

6 إعجابات