Hey folks - We utilise the discourse-solved plugin in our community, and we’d like to make it more clear from the topic index list pages (latest, category,new, etc.. pages.) When a topic is solved it has the checkbox visible in the title: [image] …But we’d like to either make that more bold, or…

If it’s only css you can edit anything from your theme. What have you tried so far?

@j.jaffeux Currently very little - the appropriate CSS classnames/ids are unclear from here: assets/stylesheets/solutions.scss main $solved-color: var(--success); .select-kit { &.solved-status-filter { min-width: auto; margin-right: 0.5em; .select-kit-header { …

As said Joffrey, you can play with the browser inspection console. Do you have already in mind what you would change? If just the color, possible example: [image] If you don’t know how to apply CSS changes for your theme, this link should help you: Beginner's guide to using Discourse Themes

Thanks all, got this figured out :smiley:

Is it possible to edit plugin components?

Support

j.jaffeux (Joffrey Jaffeux) February 13, 2019, 3:25pm 4

Easiest solution is to inspect generated html using your browser console. This way you will get exact classnames you want to change.

Topic		Replies	Views
Discourse Solved Quote Customization Theme component solved	2	1229	September 12, 2023
Add [SOLVED] to solved topic titles UX solved	4	587	October 12, 2023
Solved Topic Badge Theme component solved	20	2119	December 19, 2025
How do I customise the styling of "solved topics" in the main list? Support solved	11	3237	October 16, 2021
Editing Theme design Support	6	450	December 2, 2024

Is it possible to edit plugin components?

Related topics