# Destaque melhor os tópicos fixados

**URL:** https://meta.discourse.org/t/highlight-pinned-topics-better/102355
**Category:** UX
**Created:** [20 Novembro , 2018 02:14 UTC](https://meta.discourse.org/t/highlight-pinned-topics-better/102355 "2018-11-20T02:14:19Z")
**Posts on this page:** 1
**Showing post:** 6

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [17 Abril , 2019 14:15 UTC](https://meta.discourse.org/t/highlight-pinned-topics-better/102355/6 "2019-04-17T14:15:26Z")

</div>

There is no status class (`.pinned`) in this case. To target a pinned topic you need to use the `id`, eg

```CSS
[data-topic-id="8"] {
    background: #ffffc9;
}

```

The CSS above target the topic globally everywhere, on `/latest`, on `/categories` and on topic, see:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/f/4f97047960568897c4532ff9542cd458b8558087.png)  
 ![image](https://global.discourse-cdn.com/meta/original/3X/1/2/1257378996f0d194ca6ab1bf65a88e8f14f43a42.png)  
 ![image](https://global.discourse-cdn.com/meta/original/3X/a/7/a7e4f3938ddf7ef22b40a1319f72c3dc78f2c261.png)

To target only the categories + latest page you need to add the appropriate class

```plaintext
.navigation-categories.categories-list [data-topic-id="8"] {
    background: #ffffc9;
}

```

In this way the topic will be highlighted only on that page.

PS: to find the topic ID the simplest way is to open the dev console on your browser with F12:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/8/78123fd7bd6a5dccec0a6dd42fc470807ce854c0.png)

---

_[View the full topic](https://meta.discourse.org/t/highlight-pinned-topics-better/102355)._