[Solved] Styling links

[phadley]

I would like to be able to change the colours of a link (and visited, active) inside the qTip content. The snippet below doesn't work.

$.fn.qtip.styles.indoorstoptip = { //for tool tips off the top bar
show: 'mouseover',
hide: {
fixed: true,
delay: 1005
},
'link': {color: 'white'},
'visited': {color: 'white'},
border: {width: 0, radius: 3},
width: 200,
testAlign: 'center'
}

[Craig]

Use styelsheets for that

CSS Code

.qtip a:link, .qtip a:visited{
	color: white;
}

[phadley]

That works but my hope is to do something more foolish. Your solution changes all links in all qtips. My favourite designer wants the tooltip to match the target. To make things worse, I would like (but do not absolutely need) to be able to change a tooltip if the target changes. I see no way to do this. I can't even specify a class in the style section of the qtip call.

[Craig]

Nope, but you can when you use qTip2 All CSS based as you'd expect, and you can apply separate class using style.classes

[phadley]

thank-you. I was about to ask you something further but searched your archives and found
[Solved] Best way to overwrite default content styles from njj023 and your new way of getting rid of defaults. It works well. I then had to get rid of the tip and got that from the documentation on tips.