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

(Jay Pfaffman) #1

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?

(cpradio) #2

Are you referring to

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


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

(Jay Pfaffman) #3

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.

(Mittineague) #4

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);

(Jay Pfaffman) #5

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.

(cpradio) #6

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

(Jay Pfaffman) #7

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

(cpradio) #8

It isn’t grey for me…

I used this URL to load the page
Electric Forum

(Jay Pfaffman) #9

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.