# Remove topic list top horizontal line

**URL:** https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309
**Category:** Support
**Created:** [July 18, 2019, 2:23pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309 "2019-07-18T14:23:05Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Joshua\_Kogan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_kogan/32/127595_2.png) [@Joshua\_Kogan](https://meta.discourse.org/u/Joshua_Kogan)
#### Post date: [July 18, 2019, 2:23pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/1 "2019-07-18T14:23:06Z")

</div>

Hi. I plan on using topic tiles, which eliminates standard topic list column titling; however, it does not remove the horizontal line associated with those topics. See images below…

Light theme meta site:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/b/4b1093fd9bd333fbeb39546a02707cccc454e875.jpeg)

My in-progress site:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/f/6f5265ecc7a7b1e58eacf172f540f7f0637e7eaf.jpeg)

How do I get rid of that line? Thank you in advance!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 18, 2019, 2:37pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/2 "2019-07-18T14:37:06Z")

</div>

that border is on the `<tbody>` element, so to remove it with CSS:

```css
.topic-list tbody {
  border-top: none;
}

```

---

<div class="post-metadata">

### Author: ![Joshua\_Kogan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_kogan/32/127595_2.png) [@Joshua\_Kogan](https://meta.discourse.org/u/Joshua_Kogan)
#### Post date: [July 18, 2019, 2:40pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/3 "2019-07-18T14:40:04Z")

</div>

> [@awesomerobot](#):
>
> .topic-list tbody { border-top: none; }

Woo hoo! That worked like a charm. Thank you!

---

<div class="post-metadata">

### Author: ![bifterx](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bifterx](https://meta.discourse.org/u/bifterx)
#### Post date: [August 1, 2019, 1:33pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/4 "2019-08-01T13:33:46Z")

</div>

just as an extension to this question, if I wanted change the colour of the top bar and the colours of the intermediate dividers, would this be done in the same place?

thanks

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [August 1, 2019, 2:06pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/5 "2019-08-01T14:06:27Z")

</div>

If you’re referring to these

 ![00001](https://global.discourse-cdn.com/meta/original/3X/b/2/b29a51e1e398f240abba6d21bd6fdb70bec2ffa9.png)

then what you’d need is to add is

```plaintext
.topic-list tbody {
  border-top-color: red; // change "red" to the desired border color
}

```

and that would create this effect

 ![00002](https://global.discourse-cdn.com/meta/original/3X/2/b/2bb9e8a2ea94f6db69120ade907bba92c751a635.png)

For the intermediate dividers you’d need to add

```plaintext
.topic-list tr {
  border-bottom-color: red; // change "red" to the desired border color
}

```

and that would create this effect

 ![00004](https://global.discourse-cdn.com/meta/original/3X/9/2/923bbd866a0f56509bbc77bdf955bcc135aa97d2.png)

So all of those put together would look like this

```plaintext
.topic-list {
  tbody {
    border-top-color: red;
    tr {
      border-bottom-color: red;
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![bifterx](https://avatars.discourse-cdn.com/v4/letter/b/54ee81/32.png) [@bifterx](https://meta.discourse.org/u/bifterx)
#### Post date: [August 1, 2019, 2:24pm UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/6 "2019-08-01T14:24:45Z")

</div>

> [@Johani](#):
>
> .topic-list { tbody { border-top-color: red; tr { border-bottom-color: red; } } }

super job thanks very much!

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [August 2, 2019, 10:00am UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/7 "2019-08-02T10:00:03Z")

</div>

This topic was automatically closed after 19 hours. New replies are no longer allowed.