# Change the slider widget track size

**URL:** <https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [31 August 2024 14:19 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585 "2024-08-31T14:19:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![TobyK](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@TobyK](https://discourse.nodered.org/u/TobyK)\
**Post date:** [31 August 2024 14:19 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585/1 "2024-08-31T14:19:35Z")

</div>

Hi,

I want to change the slider track size of the original dashboard-2 slider so it is thick as in [Link](https://discourse.nodered.org/t/dashboard-2-template-vertical-slider-height/85233/2). I think that I have to change the vue "track-size" property. Is this possible by CSS?  
I don't want to create a custom widget by using the template node.

Kind regards

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [31 August 2024 14:52 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585/2 "2024-08-31T14:52:39Z")

</div>

Try this:

```auto
    .v-slider-track {
        --v-slider-track-size: 20px !important;
    }

```

---

<div class="post-metadata">

**Author:** ![TobyK](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@TobyK](https://discourse.nodered.org/u/TobyK)\
**Post date:** [1 September 2024 09:17 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585/3 "2024-09-01T09:17:02Z")

</div>

It is working now.  
Thanks a lot .

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [15 September 2024 09:17 UTC](https://discourse.nodered.org/t/change-the-slider-widget-track-size/90585/4 "2024-09-15T09:17:12Z")

</div>

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