Solved

Change default colors in JQuery UI

Posted on 2010-09-09
2
647 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

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
gif overlay 3 32
Bootstrap css to change alignment without using padding 3 28
Asp.net mvc 5 5 22
onOpen 14 43
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

747 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now