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

Question

hi,

I'm using qTip jquery-plugin for my tooltips.

I cannot change the font-size of the tooltips. This is the code.. any number 2..4..8 produces 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

Try removing the quotes around font-size

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

Answer 2

I solved with CSS:

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

Answer 3

You need to add the "px" and you can add any css property to your tooltip but you have to put it in quotation marks....so try this (it worked for me)

'font-size' : '12px'