How to change jQuery UI Tooltip font style

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.
See result below

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

Nothing shocks me, I'm a Software Engineer. And I am not young enough to know everything. I live in World Wide Web and from there take care of this website. This website communicates about my work, learning and experience. I believe life is short, and it is for loving, sharing, learning and connecting. So lets connect..