Thursday, November 19, 2009

Set the font size for the jquery datepicker widget

You can force the size change by modifying this line in your custom css file.

Replace the following line:

.ui-datepicker { width: 17em; padding: .2em .2em 0;}

With this:

.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: 12px !important;}

The "!important;" tag tells it to override the body tag.

Posted by at

3 comments:

  1. AnonymousApril 25, 2013 at 10:34 AM

    It help me very much!! thansk :D

    ReplyDelete
  2. UnknownApril 17, 2014 at 11:05 PM

    $(".ui-datepicker").css("width", "14em");
    $(".ui-widget").css("fontSize", "0.9em");

    ReplyDelete
  3. UnknownApril 17, 2014 at 11:06 PM

    This comment has been removed by a blog administrator.

    ReplyDelete

Subscribe to: Post Comments (Atom)