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

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

2

Are you referring to

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

or

.topic-list>tbody>tr:first-of-type {
  border-bottom-color: grey;
}
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.

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);
}
4 Likes
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.

6

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

7

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

8

It isn’t grey for me…

I used this URL to load the page
http://community.electricforum.com/?preview-style=6aeda388-b48c-49d3-aa8a-c85925e49264

3 Likes
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.

1 Like
10

This topic was automatically closed after 2726 days. New replies are no longer allowed.