Changing qTip2 width

It took me a while to find this out. If you need to change the default max width of qTip2, here is how.

First set up a new style class.


.my_width_setting_class {
	max-width: 1200px;
	min-width: 0px;
}

Then in the qtip style attribute, insert our newly created css class.

style: {
	classes: 'ui-tooltip-wiki ui-tooltip-light ui-tooltip-shadow my_width_setting_class'
}

That will then override the default settings in jquery.qtip.css.

ref: http://craigsworks.com/projects/qtip2/tutorials/styling/#dimensions

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s