Solved

Change default colors in JQuery UI

Posted on 2010-09-09
2
650 Views
Last Modified: 2012-05-10
Hi Experts,
I am trying to figure out how we can change the default colors/font colors used in JQuery UI. For example I have Redmond theme. I used the widgets like  date picker and accordion. Redmond is light blue in color and does not match color theme of my site. I looked into various css files that came with it. Does not seem to be clear where and  I should change to achieve the desired color/font changes.
Any help is greatly appreaciated.
thanks in advance.  
0
Comment
Question by:guyneo
2 Comments
 
LVL 40

Assisted Solution

by:gurvinder372
gurvinder372 earned 100 total points
ID: 33636286
here is an example of how you can change the background-color
http://stackoverflow.com/questions/455247/jquery-datepicker-how-to-highlight-current-input-value-date

In this link
http://jqueryui.com/demos/datepicker/#animation
go to theming tab, you will see various class, you can set the style to
0
 
LVL 19

Accepted Solution

by:
Bardobrave earned 400 total points
ID: 33636354
Also here http://jqueryui.com/themeroller/ you can define your own ui theme defining in a simple way all colours for your widgets.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
SlickNav Menu Plugin Not appearing on mobile 6 34
Passport Expiry 3 44
Question about JQuery and asp.net 3 27
Writing comments on <p></P> or paragraph 2 14
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question