Overview

A space separated string containing all class names which should be added to the main qTip element.
There are several base styles included in the CSS file provided, including:

/* CSS2 styles */
qtip{ } /* This one is applied by default (formally the "cream" style) */
qtip-plain{ }
qtip-light{ }
qtip-dark{ }
qtip-red{ }
qtip-green{ }
qtip-blue{ }
 
/* CSS3+ styles */
qtip-shadow{ } /* Adds a shadows to your tooltips */
qtip-rounded{ } /* Adds a rounded corner to your tooltips */
qtip-bootstrap{ } /* Bootstrap style */
qtip-tipsy{ } /* Tipsy style */
qtip-youtube{ } /* Youtube style */
qtip-jtools{ } /* jTools tooltip style */
qtip-cluetip{ } /* ClueTip style */
qtip-tipped{ } /* Tipped style */

$('.selector').qtip({
	content: {
		text: 'I\'m blue... deal with it!'
	},
	style: {
		classes: 'qtip-blue qtip-shadow'
	}
});

Overview

This propery allows you to prevent the .qtip-default class from being applied to the main tooltip element.

Notes

• Doing so will cause the tooltip to have no visual styling if you haven't applied any custom classes

Overview

Determines whether or not the ui-widget classes of the Themeroller UI styles are applied to your tooltip

Notes

• For more information on Themeroller classes checkout their documentation

Overview

This property allows you to override all applied CSS width styles for the tooltip. Can be any valid width CSS value. Please note that this does not override max/min width styles! Change those in the CSS file provided.

Notes

• Again, this does not override max/min width styles!

Overview

This propery allows you to override all applied CSS height styles for the tooltip. Can be any valid width CSS value. Please note that this does not override max/min height styles! Change those in the CSS file provided.

Notes

• Again, this does not override max/min height styles!