Change jQuery UI slider size

css, jquery-slider, jquery-ui

Solution

css from example page:

.ui-slider .ui-slider-handle {

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

Problem

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?

Original source