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

**URL:** https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585
**Category:** Support
**Created:** [December 21, 2016, 1:01am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585 "2016-12-21T01:01:40Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 21, 2016, 1:01am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/1 "2016-12-21T01:01:40Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [December 21, 2016, 1:05am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/2 "2016-12-21T01:05:08Z")

</div>

Are you referring to

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

```

or

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

```

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 21, 2016, 1:12am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/3 "2016-12-21T01:12:44Z")

</div>

I don’t think so, at least not [here](http://community.electricforum.com/?preview-style=6aeda388-b48c-49d3-aa8a-c85925e49264).

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.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [December 21, 2016, 1:13am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/4 "2016-12-21T01:13:53Z")

</div>

I think it’s this box-shadow

```plaintext
.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);
}

```

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 21, 2016, 1:19am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/5 "2016-12-21T01:19:53Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [December 21, 2016, 1:21am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/6 "2016-12-21T01:21:58Z")

</div>

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

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 21, 2016, 1:23am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/7 "2016-12-21T01:23:36Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/a/a/aa3d81a59f58bcb57c0939cdb1676a93158a2951.jpg)

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

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [December 21, 2016, 1:25am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/8 "2016-12-21T01:25:52Z")

</div>

It isn’t grey for me…

 ![](https://global.discourse-cdn.com/meta/original/3X/2/2/22b5160d743eef46e51519a661e7d17e82ae5220.jpg)

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

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [December 21, 2016, 1:34am UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/9 "2016-12-21T01:34:08Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 8, 2024, 12:45pm UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-line-below-the-top-navigation/54585/10 "2024-06-08T12:45:09Z")

</div>

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