Add padding to jQuery Slider?

Add padding to jQuery Slider?

Hi all,

How would I be able to add padding to a horizontal jQuery UI Slider? I don't want the slider-handle to reach the far ends of the slider-bar, but stop at for instance 10px left or right. I explicitly don't want to resort to setting max and min values as a hack.

Is this possible?

If I need to hack the code, can you tell me what parts I need to take into consideration to get this to work smoothly?

I tried altering:

  1. this.elementSize = {
  2. width: this.element.outerWidth(), // tried width() and innerWidth()
  3. height: this.element.outerHeight() // tried height() and innerHeight()
  4. };
but that didn't do anything. Any suggestions before I start digging any further into the code myself?

Thanks.