Bubble Slider Component Customization (slider handle too large)



How to make slider handle smaller ? It seems there’s no properties to control.
I searched few articles that is using css style, however ui-slider-handle’s width, and height can’t be modified.

It is there on Height and width under,

class=“ui-slider-handle ui-corner-all ui-state-default” style=“left: 20%; cursor: pointer; outline: none; border-color: rgb(170, 170, 170); top: -8px; height: 10px; width: 19px; background: rgb(230, 230, 230);”>

1 Like
1 Like

I know there’s two properties. However, i tried that code by using html element in bubble, it won’t make any effects

.ui-slider-handle ui-corner-all ui-state-default { height: 10px; } /

Thank you ! I did setup yours before, but that time i didn’t know div width + span width = original slider’s width. found out , because of your demo and forum !
It’s much helpful, if you put this explanation on its official plugin page.

This topic was automatically closed after 70 days. New replies are no longer allowed.