jQuery Date Picker

Question

I am using following attached date picker. http://rapidshare.com/files/417385026/jQuery_Date_Picker.zip http://www.2shared.com/file/d2NK63P-/jQuery_Date_Picker.html

Problem is if i don't use font-size tag in the body of the HTML page date picker size becomes too big .

I tried using Font-size tag with the div/table/td inside which i put the input box which has date picker but it doesn't work, it works only with body to reduce the datepicker size.

Please let me know how i can reduce the size of this date picker without actually reducing the font size of the whole page.

Here are screen shots

With font size tag in body

img835.imageshack.us/i/92688528.jpg

Without font size tag in body

img833.imageshack.us/i/48042121.jpg

Thank You.

Answer 1

I've had a problem with the jQuery ui date picker (I'm assuming that's what you're using, but no-one's going to want to download your zip). I had to set the body font-size property to something like 10 or 11px for it to look decent.

Answer 2

Found the solution.

In the jquery-ui.css, font can be changed here

.ui-widget { font-family:Verdana,Arial,sans-serif;font-size:1.1em; }