How can I change the height of the chosen plugin?

Hi,

If you still need this you can use some of the css below to get started. Of course if you are editing the chosen css itself you can remove the !important styles.

.chosen-container-single .chosen-single {
    padding: 0px 0px 0px 10px !important;
    height: 30px !important;
    border: 1px solid #DDD !important;
    border-radius: 0px !important;
    background: #F7F7F7 !important;
    box-shadow: none !important;
    color: #555 !important;
    line-height: 28px !important;
}

Thank you Noahj Champion! Worked great, I have a couple of more questions.

1. In my select menu, the arrow in it is too high, and when I try to adjust it with line-space or padding, it moves, but so does the text in the menu, I can’t seem to just move the arrow down to the center. I am using the premiumpress theme using the December child-theme with no other customizations apart from this chosen plugin.

2. Is it possible to add additional plugin features like the optgroup option to the chosen plugin?

Thank you
Brian

Hi, you’re welcome!

To move exact the dropdown arrow apply css to…

#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-wp-jump-menu .chosen-container-single .chosen-single div b {
Your_Css_Here
}

You will probably want to add margin-top css because margin styles are already being applied to the dropdown arrow icon. Again, you will probably have to apple the !important attribute for for your custom css value.

I’m not the author of the plugin and I’m not sure what you mean by optgroup. Feel free to explain, but I think that is probably in the scope of the author making an adjustments, if they see fit.

On a side note, I edited the css for this plugin a very long time ago, because I wanted a more modern flat design look. I planned to give the css to the author, so they can offer it as another style setting, if they would like. I’ll still do that, it just wasn’t a priority.

You can see a screenshot of my css changes
Before selection @ https://take.ms/NpmaW
After selection @ https://take.ms/zeNEj