Learning jQuery

When you download jQuery UI, all the widgets comes with predefined theme or style. But sometimes, it is required to override or change default font style to match up with your current webpage style or css. For example, assume that all the controls on your page are having font-size of "8pt" and jQuery UI tooltip widget is having "12pt", which is not desired.

In this post, you will learn how to change the default font-style of jQuery UI Tooltip widget. Below demo shows the default font style of jQuery UI Tooltip. Note, this is using "Sunny" theme.

To change or override the default font style, update the ".ui-tooltip" class and add your desired font and font-size.

.ui-tooltip
{
    font-size:10pt;
    font-family:Calibri;
}

See result below

Feel free to contact me for any help related to jQuery, I will gladly help you.