# Change colour on hover for Custom Header Link

**URL:** https://meta.discourse.org/t/change-colour-on-hover-for-custom-header-link/277627
**Category:** UX
**Tags:** custom-header-links
**Created:** [March 29, 2020, 8:57pm UTC](https://meta.discourse.org/t/change-colour-on-hover-for-custom-header-link/277627 "2020-03-29T20:57:04Z")
**Posts on this page:** 2
**Page:** 1

<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: [March 29, 2020, 8:57pm UTC](https://meta.discourse.org/t/change-colour-on-hover-for-custom-header-link/277627/1 "2020-03-29T20:57:04Z")

</div>

> [@Hide Custom Header Links from anon](https://meta.discourse.org/t/hide-custom-header-links-from-anon/277626/4):
>
> Replace text with the key word of your menu.

Dude! You rock! Sorted.

I’ve noticed that on hover, the link doesn’t change background colour like all the other ones in Discourse. I’ve tried to hack some CSS to cover that, which works well enough:

```plaintext
.custom-header-links .headerLink a:hover {
      background-color: #343434
}

```

It would be good to get this into the theme-component CSS, but I’m too much of a numpty to do that. Maybe time to get onto GitHub, eh?

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [April 1, 2020, 10:56pm UTC](https://meta.discourse.org/t/change-colour-on-hover-for-custom-header-link/277627/2 "2020-04-01T22:56:56Z")

</div>

For a specific link?

It’s basically the same idea as before, but you just have to add `a` in the class

ex: for Your vote Count! link

```css
.headerLink.your-vote-counts a {
    color: #ff3300;
}

```