# Help with locating the correct CSS location to change color of specific text

**URL:** https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427
**Category:** Development
**Created:** [December 30, 2025, 11:03pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427 "2025-12-30T23:03:03Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [December 30, 2025, 11:03pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/1 "2025-12-30T23:03:03Z")

</div>

![help](https://global.discourse-cdn.com/meta/original/4X/e/c/1/ec196a26dd3724b3c60ab5e05bfeae179b4ad134.png)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [December 31, 2025, 3:31am UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/2 "2025-12-31T03:31:36Z")

</div>

You can right-click the elements to open DevTools and target them by their class/id.

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [December 31, 2025, 10:10am UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/3 "2025-12-31T10:10:04Z")

</div>

The dot in the sidebar for new/unread topics can be coloured like so:

```css
span.sidebar-section-link-suffix.icon.unread svg {
  color: red !important;
}

```

For the topic’s dot for new topics, use:

```css
a.badge-notification.new-topic::before {
  background-color: red !important;
}

```

If you want to target icons in the notification menu, you can use this CSS:

```css
div.tabs-list a.user-menu-tab svg {
  color: red !important;
}

```

If you want to target only active icons in the notification menu, use:

```css
div.tabs-list a.user-menu-tab.active svg {
  color: red !important;
}

```

To target the whole notification on hover, use:

```css
div.quick-access-panel ul li:hover {
  background-color: red !important;
}

```

Hope this helps!

---

<div class="post-metadata">

### Author: ![dontdieych](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dontdieych/32/114749_2.png) [@dontdieych](https://meta.discourse.org/u/dontdieych)
#### Post date: [December 31, 2025, 12:32pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/4 "2025-12-31T12:32:43Z")

</div>

If you don’t know where to put custom CSS code, read this topic.

> [@Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101#p-836623-adding-css-to-your-discourse-site-3):
>
> bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [December 31, 2025, 3:31pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/5 "2025-12-31T15:31:27Z")

</div>

Thanks this helped a lot and now I am making quick progress on customizing!

---

<div class="post-metadata">

### Author: ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)
#### Post date: [December 31, 2025, 3:48pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/6 "2025-12-31T15:48:46Z")

</div>

I am trying to change the category edit area, the white text on click and hover to black.

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/f/d/7fd5823e10bc320451d0c973693a08f4ff65c6d7.png)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [January 1, 2026, 10:08pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/7 "2026-01-01T22:08:46Z")

</div>

A post was split to a new topic: [How to keep the magnifying glass icon selected?](https://meta.discourse.org/t/how-to-keep-the-magnifying-glass-icon-selected/392516)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [January 31, 2026, 10:08pm UTC](https://meta.discourse.org/t/help-with-locating-the-correct-css-location-to-change-color-of-specific-text/392427/9 "2026-01-31T22:08:53Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
