jquery.multiselect titles

I am using jquery.multiselect. I have set fonts of the options to the size I require. But I cant find inthe css files where I can set the titles of the <select></select> it always comes up very large

How can I change it?
robrodpAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
What do you mean set the titles of the <select></select>
There is very little you can do with the select element that works cross browser.
That's why whenever anyone asks how to style a select the prime answer is don't use a select and use a LIst tag instead.
0
robrodpAuthor Commented:
The titles above the options are very large.

I have tweaked the css and the options font can be set to the size I need
0
GaryCommented:
Post some sample HTML and CSS or use http://jsfiddle.net to set up a test case.
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

RobOwner (Aidellio)Commented:
You can use the follwing css, just change the values to suit:

button.ui-multiselect > span {
    font-weight: bold;
    font-size: 12px;
}
0
RobOwner (Aidellio)Commented:
See here for it working on their demo site
demo
0
robrodpAuthor Commented:
Thx.

That takes care of th font size. But what about the box width, it always comes fixed, I need some control over it
0
RobOwner (Aidellio)Commented:
http://www.erichynds.com/blog/jquery-ui-multiselect-widget

Under "Options" you've got a minWidth property.  It's automatically set to 225px so just change that when you initialise your widget.

// example:
$("select").multiselect({
   minWidth: 400
});
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
robrodpAuthor Commented:
would have taken me a week just to start seeing the light.
0
RobOwner (Aidellio)Commented:
If it makes you feel any better it took me about a week I first got into jQuery and the plugins *grins*.  Glad we've saved you some time :)
Feels good when the code doesn't look so confusing anymore doesn't it? Glad you're getting there.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
jQuery

From novice to tech pro — start learning today.