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

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; }