How to change the color of the topic list dividers?

[Johnny_McIvor]

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

[omarfilip]

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

Obviously, adjust the color as you like.

[Johnny_McIvor]

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

[Arkshine]

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

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

[Johnny_McIvor]

Great! One last question:

What’s the CSS for the header divider line

And the “last visit” text / line

[NateDhaliwal]

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

[Arkshine]

@Johnny_McIvor

What’s the CSS for the header divider line

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

@Johnny_McIvor

And the “last visit” text / line

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

[Johnny_McIvor]

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

[Johnny_McIvor]

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

[Johnny_McIvor]

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

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

[NateDhaliwal]

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.