# Categories: public vs. logged in only vs. restricted

**URL:** <https://meta.discourse.org/t/categories-public-vs-logged-in-only-vs-restricted/156308>\
**Category:** UX\
**Created:** [June 30, 2020, 2:24am UTC](https://meta.discourse.org/t/categories-public-vs-logged-in-only-vs-restricted/156308 "2020-06-30T02:24:03Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)\
**Post date:** [December 30, 2021, 2:58am UTC](https://meta.discourse.org/t/categories-public-vs-logged-in-only-vs-restricted/156308/11 "2021-12-30T02:58:34Z")

</div>

I’ve come up with a variation of your idea, where I can hide the lock icon selectively on just the categories which are accessible to TL\_0 (manually).

As there isn’t a nice convenient CSS class for this, you must target the hover (`title`) and link (`href`) properties instead, and must also do this for each of the categories that you want to hide the lock icon for:

```plaintext
// hides lock icons for ux category
[title = "ux"], [href = "/c/ux/9"] {
     .d-icon {
         display: none;
     }
}

```

It would of course clash with any icons from the Category Icons Component, but this can be mitigated by targeting `.d-icon-lock` (or whatever icon you are using) instead of `.d-icon` for that category.

* * *

I’ve just edited that CSS after discovering I was missing some of the icons. It works much better now, but will easily break if you change your category structure.

---

_[View the full topic](https://meta.discourse.org/t/categories-public-vs-logged-in-only-vs-restricted/156308)._