0

I'm using jquery slider in my web application..need to do some design tweaks. Here is the css code for jquery slider UI I'm using https://gist.github.com/2643478

Here I want to reduce the height of slider-handle. It's not working when I modify height in this code:

.slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: px; cursor: pointer; }

But I can control the width of the handle. Why it's not possible here to reduce the height?

Thanks!

rnk
  • 2,174
  • 4
  • 35
  • 57
  • firstly, your height does not have any value, just a px, to start with, also you can try `max-height` althought it isn't supported by ancient browsers but hey, also consider the `height: 20px !important;` to give it a higher priority and override the rest of the rules. – Val May 09 '12 at 10:05
  • @Val I tried changing the height, but it's not working and also tried your method. The problem here If I increase the height it works, If I reduce it to the size of the track, its not working. Why is it So? – rnk May 09 '12 at 10:10
  • probably a margin problem. also if this is a jQuery driven and if the slider changes size depending on the length of the track it maybe because it's changing it via js/jquery if you know how to debug, you should see if there is an inline style e.g. `Bla` the key is style attr also use jsfiddle.net to replicate the problem if you can it would be alot easier for us to see where the problem is. – Val May 09 '12 at 10:49
  • @Val I can't do it on jsfiddle because it containing some theme images. Could you show me any example in jsfiddle? Thanks! – rnk May 09 '12 at 11:27

0 Answers0