JQuery, qTip: tooltips font-size: always the same

Question

I am using qTip jquery-plugin for my tooltips.

I cannot change the font size of tooltips. This is the code .. any number 2..4..8 gives the same results.

$('.option img[title]').qtip({ style: { name: 'light', border: {width: 0}, title: { 'font-size': 2 } }, position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } } }); 

thanks

Answer 1

I solved using CSS:

 .qtip-content { font-size:12px; } 

Answer 2

You need to add “ px ” and you can add any css property to the tooltip, but you must put it in quotation marks.

try this (it worked for me)

 'font-size' : '12px' 

Answer 3

Try removing quotes around the font size

 style: { name: 'light', border: {width: 0}, title: { font-size: 2 } }