# Hoe de kleur van de scheidingslijnen van de onderwerplijst te veranderen?

**URL:** https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282
**Category:** Support
**Created:** [8 februari 2025 om 23:39 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282 "2025-02-08T23:39:42Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [8 februari 2025 om 23:39 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/1 "2025-02-08T23:39:42Z")

</div>

![Screenshot at 2025-02-08 18-38-35](https://global.discourse-cdn.com/meta/original/4X/6/e/d/6edc1fea7f53042ab4b67cb6197cf8f2cbe56b00.png)

The divider lines are almost invisible, what’s the CSS to change it?

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [9 februari 2025 om 01:47 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/2 "2025-02-09T01:47:22Z")

</div>

```plaintext
.topic-list-item
    {border-bottom: 1px solid #be235b;}

```

Obviously, adjust the color as you like.

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [9 februari 2025 om 02:16 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/3 "2025-02-09T02:16:01Z")

</div>

Thank you! Do you know the CSS for the top divider too?

 ![Screenshot at 2025-02-08 21-15-13](https://global.discourse-cdn.com/meta/original/4X/9/b/1/9b1714be2fddf3e0f794b52b6b1f54efc919cd60.png)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [9 februari 2025 om 02:34 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/4 "2025-02-09T02:34:26Z")

</div>

What you’re looking for is `.topic-list-body`.

```css
.topic-list-body {
  border-top: 3px solid #be235b;
}

```

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [9 februari 2025 om 03:42 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/5 "2025-02-09T03:42:51Z")

</div>

Great! One last question:

What’s the CSS for the header divider line

 ![Screenshot at 2025-02-08 22-40-59](https://global.discourse-cdn.com/meta/original/4X/b/a/4/ba43a312e95141f67e6ed5e2c723045a7c660d77.png)

And the “last visit” text / line

 ![ff](https://global.discourse-cdn.com/meta/original/4X/4/b/a/4bae21bc9159912d3496f0b85c69b4a8e96e2716.png)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [9 februari 2025 om 03:46 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/6 "2025-02-09T03:46:52Z")

</div>

You can find these by inspecting that element. Right click on the element \> Inspect.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [9 februari 2025 om 03:48 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/7 "2025-02-09T03:48:07Z")

</div>

> [@Johnny\_McIvor](#):
>
> What’s the CSS for the header divider line

```css
.d-header {
  box-shadow: 0 0 0 1px #be235b;
}

```

> [@Johnny\_McIvor](#):
>
> And the “last visit” text / line

```css
.topic-list .topic-list-item-separator .topic-list-data {
    border-top: 1px solid #be235b;
}

```

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [9 februari 2025 om 04:06 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/8 "2025-02-09T04:06:44Z")

</div>

Thank you. And what about the “last visit” text?

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [9 februari 2025 om 04:12 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/9 "2025-02-09T04:12:02Z")

</div>

When I do inspect element I don’t really know what I’m looking for.. The tags usually aren’t visible

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [9 februari 2025 om 04:20 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/10 "2025-02-09T04:20:04Z")

</div>

Wait. I got it, I needed to add “span” to the end

```plaintext
.topic-list-item-separator .topic-list-data span {
  color: #FF0000 !important;
}

```

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [9 februari 2025 om 04:24 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/11 "2025-02-09T04:24:58Z")

</div>

Right click on, say, the ‘last read’ text, then click on ‘Inspect’. You should see the element in the developer tools, and you can copy over the class. This way, you can find the class and id of any element on the page.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [11 maart 2025 om 04:25 UTC](https://meta.discourse.org/t/how-to-change-the-color-of-the-topic-list-dividers/351282/12 "2025-03-11T04:25:29Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
