Continuing the discussion from Alternatives to lock icon for categories : [immagine] Alternatives to lock icon for categories .badge-category i.fa.fa-lock:before { content: ""; } /* remove the existing icon */ @cpradio could you or someone else provide a simple howto for changing the lock icon…

Sure. First off, what do you want it changed to? (as the above will remove the lock icon) To switch it, you simply go to the font-awesome website ( http://fortawesome.github.io/Font-Awesome/icons/ ) Click on the icon you want (that exists within the version of Font Awesome Discourse is using). Cop…

AWESOME! Thanks so much for clarifying this. Will be great for other customizations as well. Now to find a good icon… hesitate to ask and return to the bikeshedding going on in the other thread, but… what are other sites using?

We use eye-slash, it makes it clear to us at least that it isn’t a publicly visible area.

I changed it to eyeslash on my site using @cpradio howto, but weirdly it did not change for top level categories on the categories page. Did change it everywhere else though. Any ideas? [immagine]

.badge-category i.fa.fa-lock:before { content: "\f070"; } .category i.fa.fa-lock:before { content: '\f070'; } Edit: You may not need the first CSS rule with this one. It might take affect on all of the instances.

that worked! you’re a star. :star2:

Just so you know, it seems both rules are necessary, as the first rule covers the category drop downs on the Latest page and New Topic dialog, and the second rule covers all page write outs of the category badges.So you can’t just use one, you have to use them both.

Changing an icon globally is very simple using APIs [immagine] Change icons globally Developer Guides This is an easy way to change a Discourse icon globally. Right click on the icon you want to change and select “Inspect element” or “Inspect” (depends on the browser) …

Just a small update on this one - the Category Icons theme component now has a built-in setting to make swopping out the category lock icon even easier. :tada:

Howto: Change lock icon for restricted categories

Supporto

dax (Daniela) 18 Maggio 2018, 10:57am 9

Changing an icon globally is very simple using APIs

Argomento		Risposte	Visualizzazioni
Private categories padlock icon UX	9	1584	Maggio 19, 2023
How to remove the lock icon in private categories Support	5	1658	Novembre 18, 2018
Is there a way to remove the lock badge for some categories but not for others? UX	12	1769	Agosto 29, 2023
Unable to alter the lock icon in category boxes UX	8	1268	Dicembre 16, 2021
New aliases for replacing lock icons on closed topics and restricted categories Development dev-news	0	151	Luglio 10, 2025

Howto: Change lock icon for restricted categories

Argomenti correlati