Is it possible to edit plugin components?

Support

AI-generated summary

The discussion revolves around customizing the appearance of the discourse-solved plugin in a community forum. Ryan_NR wants to make solved topics more visible in the topic index list pages by making the checkbox more bold or colored.

Joffreyjaffeux suggests that CSS changes can be made through the theme editor, and Ryan_NR expresses uncertainty about finding the correct classnames/ids to target.

Joffreyjaffeux advises using the browser console to inspect the generated HTML and find the exact classnames to change. Arkshine reiterates this suggestion and provides a link to a beginner’s guide to using Discourse themes.

Ryan_NR eventually resolves the issue with the help of the community’s suggestions.

1

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
image2234×146 23 KB

…But we’d like to either make that more bold, or coloured to highlight the solved topics.
Essentially we want to make it as simple as possible for our users to find answers.

Is it possible using the theme editor to alter the appearance of this component? as it’s a plugin component I am skeptical about that.

Alternatively, are there any other suggestions for achieving this goal?

Thanks in advance,
Ryan.

2

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

What have you tried so far?

3

@j.jaffeux

Currently very little - the appropriate CSS classnames/ids are unclear from here:

(or elsewhere in the discourse-solved repo form what I can see)

So while CSS changes in the theme are easy enough - I’m pretty new to discourse themes & plugins so I’m not sure the best/easiest way to find the appropriate attributes to target in my theme.

4

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

5

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
image945×581 46.2 KB

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

6

Thanks all, got this figured out :smiley: