Change CSS of JQuery slider

dshrenik
dshrenik used Ask the Experts™
on
Please let me know how I can change the CSS of the slider below:
http://jqueryui.com/demos/slider/#default

I want to change its color, size, etc.

Thanks!
Comment
Watch Question

Do more with

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

Commented:
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.

Author

Commented:
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 http://jqueryui.com/demos/slider/default.html

and the is the CSS, which is being used in the demo, please download this css and modify as per your requirement.

http://jqueryui.com/themes/base/jquery.ui.theme.css
You can override the standard styling with your own css by using the following ( !important):

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

Author

Commented:
@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