I am looking for a simple way for a CSS selector to match posts made by the current user (but not posts by other users). As far as I can tell, there is no CSS class added to such posts which I can use. But perhaps I am missing something? If there is no such class at the moment, I would greatly appreciate if one was added! My suggestion would be to add a class to the topic-post element, similar to the currently existing classes relating to the posting user, e.g. topic-owner. The new class could be current-user or my-post or whatever fits with existing Discourse nomenclature. Click here for an explanation of why I want to do this... Some time ago users of my forum complained about getting addicted to checking how many likes their posts have received. They went back to posts repeatedly just to check their likes and this behavior reminded them of the more toxic aspects of the mainstream social media platforms. My solution was to create a theme for them to use where I simply added a CSS rule to hide the like counter on their posts. The like button on posts created by the current user has a class called .my-likes, so it is easy to select with CSS. This worked well and the users were happy with the solution. However, earlier today it was pointed out to me that if you click the “…”-button, i.e. “show more” on a post, the users who have liked that post are listed. One user reported that he was back in his “dopamine junkie” ways because of this, repeatedly clicking “…” to circumvent the special theme and check his likes. But unlike the above mentioned case of the like button, I can not find a CSS selector which lets me do this. The only solution I have found is to hide the list of likers for all posts, i.e. making it so that the users of the theme can not see that list for any post. What I can do now is this: .who-liked { display: none;} What I hoped to do was something like this: .topic-post.current-user .who-liked { display: none;} (But this does not work, because the .current-user class does not exist.)

[תמונה] meriksson: But perhaps I am missing something? Maybe you can use the data-user-id attribute in the .topic-post article tag?

One thing you could to is find the topics in topic list which have current user are the poster, that could be done with jQuery. If true, then apply style to that row. Downside could be that user can be found as poster to the OP topic. Other way is to override topic list component completely and do the magic there. More info on overriding templates can be found here: [תמונה] Developing Discourse Themes & Theme Components Developer Guides Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

Sorry, are you saying to want to decorate user posts in topic list or in the actual topic? You could hook to the avatar of the current user in that case and find the parent post root element and add a class with jQuery to it.

Thank you for the replies! I am well aware that I can do this with Javascript. I should have mentioned that from the start. However, the point of my post is that I would like to do it in a much simpler way, with a tiny bit of CSS (see the expandable part of my original post). Besides being a simpler and more natural solution, it would let me manage things with the excellent built-in system for Themes and Theme Components. And it is not like this would be some weird exotic thing. As I mentioned initially, Discourse already has class attributes on the very same element (post on topic page) for indicating properties of the posting user (topic-owner, trust level, group memberships etc). And in a sub-element of this element (the like button), there is already a class attribute indicating that the post is made by the user who is currently accessing the page. For these reasons, I think adding that single attribute on the topic-post element is a much better solution than some Javascript hack.

[תמונה] meriksson: I am well aware that I can do this with Javascript. Oh, just came here to post the js solution. I made a group called hidelikes and this js hides the who-liked for all group members for their own posts. $( document ).ready(function() { let currentUser = api.getCurrentUser(); var groups = currentUser.groups; var userID = currentUser.id; const hidelikes = groups.some(g => g.name === 'hidelikes'); if (hidelikes) { $(' ').text('.boxed.onscreen-post[data-user-id="' + userID + '"] .who-liked{display: none;}').appendTo(document.head) } }); Obviously if you want to do it for all users just scrap the groups part

Thank you very much for posting the actual code, that is helpful indeed!

After digging a bit in plugin-api I think I found solution to your problem and the proper way of doing what you suggested api.addPostClassesCallback((attrs) => { const user = api.getCurrentUser(); if (attrs.user_id === user.id) { return ['current-user-post'] } }); Check here: https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/lib/plugin-api.js#L712 This will add current-user-post to every post that is made by a current logged in user.

Where to add this code? I added to but not working fine.

CSS selector to separate posts by current user

מפתח

meriksson (Martin Eriksson) 2 באפריל,‏ 2020,‏ 2:00pm 9

This is great—thank you very much!

נושא		תגובות	צפיות
Looking to hide Likes & Decorate Op Development	5	764	21 בפברואר,‏ 2023
Finding CSS selectors for page layout, user groups Development css	6	230	12 במרץ,‏ 2026
Trying to show self replies in color Feature	4	689	9 ביולי,‏ 2019
Need to target topics & author for CSS Feature	5	1387	8 בספטמבר,‏ 2015
Customized CSS based on user role/groups Development css	7	1041	22 בנובמבר,‏ 2025

CSS selector to separate posts by current user

נושאים קשורים