[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 171
  • Last Modified:

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?
0
robrodp
Asked:
robrodp
  • 4
  • 3
  • 2
1 Solution
 
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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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
 
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

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now