03/20/2014 at 12:07 pm
#282904
Keymaster
@ Denise
Honestly I have not played with the styling of the enhanced drop down much at all. It is applied by a third party library.
Adding the following should fix the line height:
#cn-list .chzn-container ul.chzn-results li.active-result {
line-height: 100% !important;
}
And this might adjust the min width:
#cn-cmap form.cn-form select.cn-cat-select {
min-width: 60% !important;
}
I say might, because the with of the drop down is calculate and applied by the third party library after the page has loaded. It uses the CSS width from the drop down it is enhancing which is currently set at a min-width of 250px. So the only way to know is to apply the CSS and cross the fingers.
After you make CSS changes make sure to force refresh you browser and clear the page/css caches if you’re using a caching plugin.
Hope that helps!
