Perfect plugin for me :smile: How can I change the background color of a solved topic on the main page ? Like some nice green to show everyone that this topic has a solution ! Best, J.

You should be able to do it by targetting the post class via CSS.

[image] Discourse Solved How can I change the background color of a solved topic on the main page ? Are you talking about the main list of all topics? If so, I don’t think this is possible. If it’s on the topic page itself, AFAIK this is not possible either, because the only change to the “qu…

[image] Discourse Solved Are you talking about the main list of all topics? If so, I don’t think this is possible. I never added support for that, but on the actual topic page you can easily change it with .topic-post.accepted-answer .topic-body { background-color: #E9FFE0; }

Sorry for reviving this very old topic, but I had the exact same question : [image] sam: I never added support for that Is changing the background color of solved topic on the main page now supported ? We would like to make it more visible on topic lists / search results if a topic has an a…

[image] alxsal: Is changing the background color of solved topic on the main page now supported ? No we do not yet decorate rows in the topic list with a .solved class. Not against adding this if we can do that with no performance impact.

[image] sam: I never added support for that, but on the actual topic page you can easily change it with .topic-post.accepted-answer .topic-body { background-color: #E9FFE0; } I think at some point .accepted-answer class has been dropped from this div. Is it possible to add it back so that …

[image] ggurbet: But I couldn’t find it for the post body: That class is definitely visible [image]

Yes, in the quote of the first post it’s there. But I am talking about the post body that contains the answer.

I agree that it would be useful to have a class for the div.topic-body of the solved post. I can think of a workaround like this: <script type="text/discourse-plugin" version="0.8.42"> api.onPageChange((url) => { $('button.accepted').parents('div.topic-body:first').toggleClass('solved-post-conta…

TL;DR This will add a topic-solution class to posts marked as the answer. api.addPostClassesCallback((attrs) => { if (attrs.accepted_answer) return ["topic-solution"]; }); The classes that a post has are determined here. app/assets/javascripts/discourse/app/widgets/post.js 45a166b…

How do I customise the styling of "solved topics" in the main list?

Support

sam (Sam Saffron) Juin 15, 2018, 3:08 6

No we do not yet decorate rows in the topic list with a .solved class. Not against adding this if we can do that with no performance impact.

Sujet		Réponses	Vues
Is there a way to restyle the solution? Feature pr-welcome , solved	10	2748	Mars 8, 2017
Add [SOLVED] to solved topic titles UX solved	4	587	Octobre 12, 2023
Discourse Solved Quote Customization Theme component solved	2	1228	Septembre 12, 2023
Solved Topic Badge Theme component solved	20	2115	Décembre 19, 2025
Can we make it more obvious that a topic is solved? Feature planned , solved	11	3793	Avril 16, 2018

How do I customise the styling of "solved topics" in the main list?

Sujets connexes