How to change the color of the line below the top navigation

A hosted customer that I am working with would like to change the color of the line below the top section that has the title, avatar, and so on. I have looked, but can’t find it. I can’t see how to select that line since I think it is a border below. . . something.

Can anyone help?

Are you referring to

.topic-list>tbody>tr {
  border-bottom-color: grey;


.topic-list>tbody>tr:first-of-type {
  border-bottom-color: grey;

I don’t think so, at least not here.

It’s the line that goes all the way across the screen between where the title is and where the messages start (on this screen).

I pasted both of those (with different colors) into the css tab and had no luck.

I think it’s this box-shadow

.d-header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1001;
    background-color: #fff;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);

That seems close! Background-color changes the whole thing-I want-to-fix.

    box-shadow: 0 2px 4px -1px rgba(255, 24,0,0.25);

doesn’t seem to change the line below there, though.

Can you post a screenshot with arrows pointing to what you want changed? I’m struggling to understand exactly what you are seeking.

The grey line above “all categories”. (One day I’ll get better at making arrows in Gimp.)

It isn’t grey for me…

I used this URL to load the page


Maybe I didn’t reload!? It’s time to quit.

And thanks to @Mittineague’s code and your pointing out that it was working, I got it set.

1 Like