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…

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

@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:

¿Es posible editar componentes de plugin?

Soporte

j.jaffeux (Joffrey Jaffeux) 13 Febrero, 2019 15:14 2

If it’s only css you can edit anything from your theme.

What have you tried so far?

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

¿Es posible editar componentes de plugin?

Temas relacionados