The divider lines are almost invisible, what’s the CSS to change it?
AI-generated summary
The discussion revolves around customizing the color of divider lines in the topic list using CSS. Johnny_McIvor initially asks about changing the visibility of divider lines, prompting omarfilip to provide CSS for the bottom border of topic list items. Arkshine then explains how to style the top divider using .topic-list-body and later provides CSS for the header divider with .d-header and the
.topic-list-item
{border-bottom: 1px solid #be235b;}
Obviously, adjust the color as you like.
What you’re looking for is .topic-list-body.
.topic-list-body {
border-top: 3px solid #be235b;
}
You can find these by inspecting that element. Right click on the element > Inspect.
.d-header {
box-shadow: 0 0 0 1px #be235b;
}
.topic-list .topic-list-item-separator .topic-list-data {
border-top: 1px solid #be235b;
}
Thank you. And what about the “last visit” text?
When I do inspect element I don’t really know what I’m looking for.. The tags usually aren’t visible
Wait. I got it, I needed to add “span” to the end
.topic-list-item-separator .topic-list-data span {
color: #FF0000 !important;
}
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.