[Screenshot at 2025-02-08 18-38-35] The divider lines are almost invisible, what’s the CSS to change it?

.topic-list-item {border-bottom: 1px solid #be235b;} Obviously, adjust the color as you like.

Thank you! Do you know the CSS for the top divider too? [Screenshot at 2025-02-08 21-15-13]

What you’re looking for is .topic-list-body. .topic-list-body { border-top: 3px solid #be235b; }

Great! One last question: What’s the CSS for the header divider line [Screenshot at 2025-02-08 22-40-59] And the “last visit” text / line [ff]

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

[صورة] 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; }

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.

كيفية تغيير لون فواصل قائمة المواضيع؟

الدعم

omarfilip 9 فبراير 2025، 1:47ص 2

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

بالتأكيد، قم بتعديل اللون حسب رغبتك.

الموضوع		الردود	مرات العرض
How to change 'last visit' line color? UX	3	756	14 أغسطس 2018
Remove topic list top horizontal line Support	5	1273	1 أغسطس 2019
CSS - User posts divider line Support	2	599	28 مارس 2019
How to change the color of the line below the top navigation Support	8	1212	21 ديسمبر 2016
Differentiate contents from the topic list rows using different colors Development topic-list-excerpts	1	496	12 سبتمبر 2023

كيفية تغيير لون فواصل قائمة المواضيع؟

الموضوعات ذات الصلة