Change colour on hover for Custom Header Link

UX
1

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:

.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?

1 Like
2

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

.headerLink.your-vote-counts a {
    color: #ff3300;
}
3 Likes