# Ui\_template md-slider help - workable, almost complete

**URL:** <https://discourse.nodered.org/t/ui-template-md-slider-help-workable-almost-complete/37328>\
**Category:** Dashboard\
**Created:** [10 December 2020 22:11 UTC](https://discourse.nodered.org/t/ui-template-md-slider-help-workable-almost-complete/37328 "2020-12-10T22:11:53Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![hklages](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hklages/32/23899_2.png) [@hklages](https://discourse.nodered.org/u/hklages)\
**Post date:** [16 December 2020 15:44 UTC](https://discourse.nodered.org/t/ui-template-md-slider-help-workable-almost-complete/37328/8 "2020-12-16T15:44:15Z")

</div>

I modified the setting a bit and made the bubbles smaller not to overlap the lines:

 ![Screenshot 2020-12-16 163815](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/6/b64a9f68f3c3eae562164d1963878406f9986809.png)

The template is as widget in group

```auto
<style>
 #HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > p.label {
    min-width: 18%;
 }
 
 #HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-sign > span {
    color: white;
    transform: translate3d(0, 0, 0) scale(0.9);
 }
 #HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-sign {
    width: 28px;
    height: 28px;
    top: -12px;
 }
 #HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-thumb:after {
    width: 0px;
    height: 0px;
    border-radius: 0px;
    border-width: 0px;
 }
 
 #HzZeitbegrenzt_Temperaturen_anpassen_cards > md-card > md-slider > div > div > div.md-thumb-container > div.md-focus-ring {
    width: 0px;
    height: 0px;
 }
</style>

```

and the sliders are standard.

 ![slider](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/8/b8ff903b0edd19513da5c0d063768776eefacdd8.png)

---

_[View the full topic](https://discourse.nodered.org/t/ui-template-md-slider-help-workable-almost-complete/37328)._