cssjquery-uijquery-slider

Change jQuery UI slider size

I am using this UI Slider and the size is the some on my site too (not the width but the button's size - demo the bottom of the page).- But here the slider button's size is much nicer, smaller - demo right hand side.

So how can I change the UI Slider button's size? OR How can I add other kind of button e.g. image?

Solution

  • css from example page:

    .ui-slider .ui-slider-handle {

    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}