How to style/theme tooltip?

[petiar]

Hey guys,

I have installed this plugin and went through the documentation. Found the HTML structure of a tooltip, which is great help. I have also noticed which classes I should be updating, which was also great help. However, eventually I have noticed that there were inline css styles in the generated tooltip, which makes all above absolutely useless. So my question is - how do i get rid of those inline css styles for .qtip-content? Ideally, get rid of all inline css styles (apart from those important, like position, z-index, etc...)?

[Craig]

Put simply - you can't. qTip1 uses a styles object that allows you to apply inline styles to all of elements within:

JS Code

style: {
	content: {
		padding: 10
	},
	title: {
		fontSize: 20
	}
}

[petiar]

Ouch...

[Craig]

Yup... exactly why I changed to standardised stylesheets in qTip2 Upgrading is definitely recommended, but if you're stuck with qTip 1.0, you can override inline styles using the !important tag:

CSS Code

.qtip-content{
	width: 200px !important;
}