?
Solved

Change default colors in JQuery UI

Posted on 2010-09-09
2
Medium Priority
?
677 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 40

Assisted Solution

by:Gurvinder Pal Singh
Gurvinder Pal Singh earned 400 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 1600 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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

762 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