Hello everyone, i wanna delete column users in front page
examlple photo:
Help me!
AI-generated summary
The discussion revolves around hiding the users column on the latest page. huynhthai824 initially asked how to delete the column and provided an example image.
awesomerobot suggested using CSS to hide the column, providing the code .topic-list .posters {display: none}. However, huynhthai824 wanted to delete the user column on the posting page as well and asked for help with the CSS.
cpradio provided the code article .topic-avatar {display:none; } .topic-body .names {display:none;} to hide the user avatar and names. huynhthai824 thanked cpradio and confirmed that the code worked.
cpradio later provided additional code to hide the user column on other pages. huynhthai824 asked for help with hiding the user column on the categories page, and cpradio guided them on how to use the browser’s inspect element feature to find the correct CSS code.
For hiding the user column on mobile, huynhthai824 asked for help again, and cpradio provided the code .topic-list td div.pull-left a { display: none; } .topic-list td div.pull-right { margin-left: 0px; }.
Other users, such as Berto and SantoshKM, also joined the discussion, asking about setup-based options to disable certain features and hiding user names for specific categories. huynhthai824 suggested using a component to solve the issue.
With CSS you can do
.topic-list .posters {display: none}
article .topic-avatar {display:none;}
.topic-body .names {display:none;}
Thank @cpradio i done
You are hero 
.topic-map li:nth-child(1), .topic-map li:nth-child(2), .topic-map li.avatars {display: none}
.topic-map-expanded .avatars { display: none}
Thank @cpradio very much!
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}
Thank @cpradio
i understand what you teach! Thank you!
Hello @cpradio please help me css for hide users on mobile?
What is the HTML tag those are in and what, if any, attributes / values do they have?
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!
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.
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.
Thank @cpradio so much
<3
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?