# CSS label for timeline scroller?

**URL:** https://meta.discourse.org/t/css-label-for-timeline-scroller/172658
**Category:** Development
**Created:** [December 8, 2020, 6:35pm UTC](https://meta.discourse.org/t/css-label-for-timeline-scroller/172658 "2020-12-08T18:35:31Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Ryan\_N](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ryan_n/32/200907_2.png) [@Ryan\_N](https://meta.discourse.org/u/Ryan_N)
#### Post date: [December 8, 2020, 6:35pm UTC](https://meta.discourse.org/t/css-label-for-timeline-scroller/172658/1 "2020-12-08T18:35:31Z")

</div>

On Desktop, I’m trying to change the color of the timeline scroller and the vertical line it rides along. Anyone know what these CSS labels are? I tried `.timeline-container` and `.topic-timeline` without success and can’t identify these by right-clicking the scroller to examine it through Chrome’s inspector.

Edit: while I have you, a related but far less important desire is to change the timeline date format to show the year (unless the post/comment is within my little six-day “relative date duration,” which I already have adjusted in setting). Thanks 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: [December 9, 2020, 10:54pm UTC](https://meta.discourse.org/t/css-label-for-timeline-scroller/172658/2 "2020-12-09T22:54:23Z")

</div>

For the scroller/handle you’ll want

```css
.timeline-container .topic-timeline .timeline-handle { 
  background: yellow;
}

```

and the line is

```css
.timeline-container .topic-timeline .timeline-scrollarea {
  border-color: red;
}

```

one tip for inspecting elements… if you right click an element that’s _close_ to what you’re looking for… you can hover or click on other elements until you see what you’re looking for get highlighted

---

<div class="post-metadata">

### Author: ![Ryan\_N](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ryan_n/32/200907_2.png) [@Ryan\_N](https://meta.discourse.org/u/Ryan_N)
#### Post date: [December 9, 2020, 10:59pm UTC](https://meta.discourse.org/t/css-label-for-timeline-scroller/172658/3 "2020-12-09T22:59:48Z")

</div>

Just what I needed!! Thank you so much Kris!! You taught me a new trick too! 🤠. Much appreciated.
