Here you are applying a 800px width to your content, BUT, the .ui-tooltip
class is defined with a max-width:300px;
in the jqueryui css file.
Your width: 800px;
has no effect.
You must seperate your classes and override the max-width
:
body
{
font-family: Verdana, Arial, sans;
}
.ui-tooltip{
max-width: 800px;
width: 800px;
}
.ui-tooltip-content{
background-color: #ffff00;
}
Don't overwrite ui-corner
, ui-widget
... or other classes. You may need them later. Just modify the ui-tooltip
that is concerned here ;).