Change CSS of JQuery slider

dshrenik used Ask the Experts™
Please let me know how I can change the CSS of the slider below:

I want to change its color, size, etc.

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Jagadishwor DulalSenior Web Developer

First download the jquery UI you can see the various theme there. If you need any changes you can find theme based style in download and you can edit them.


I have downloaded JQuery. I do not want to use their themes. I need to customize it based on my requirements.
this is the URL of the slider demo

and the is the CSS, which is being used in the demo, please download this css and modify as per your requirement.
You can override the standard styling with your own css by using the following ( !important):

.ui-slider { border: solid 1px red !important; }


@deegoy418: The second link you is "Forbidden".

@Proculopsis: Can you tell me how I can change the height and width of the slider? Thanks!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial