How to change the color of the line below the top navigation
The discussion revolves around changing the color of the line below the top navigation on a hosted forum. Initially, pfaffman couldn’t find the CSS code to modify the line. cpradio suggested two possible CSS codes, but they didn’t work.
Mittineague then suggested that the line might be a box-shadow and provided the CSS code for it. pfaffman tried modifying the box-shadow code but couldn’t get the desired result.
After cpradio asked for a screenshot to clarify the issue, pfaffman posted an image pointing to the grey line above “all categories”. cpradio didn’t see the grey line, but pfaffman eventually managed to change the line’s color using Mittineague’s code.
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;
}
or
.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.
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.
