How to set jqueryui tooltip font size

Question

An example tooltip on jqueryui.com/tooltip/ displays the tooltip itself ("What widget is this") when hovering with a small font size.

I cannot duplicate this font size. When I try to match their pattern, the tooltip is displayed in large font.

I downloaded and applied the style.css file used in their example. The font specification must be buried there; but I can’t find him.

(Maybe the solution is to create a custom theme, although I use my style.css file. This seems too complicated for what I want to do.)

What am I missing?

Thanks.

Answer 1

this worked for me:

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

Answer 2

you can change the following class:

 .jqx-tooltip-text, .jqx-tooltip-text > i { Font-Size:14px !important; } 

Answer 3

This works for me:

 .tooltip{ font-size:10px; }