How to edit CSS of dropdown?

@ Tom

re: Loving your Connections Suite of plugins (I’ve even given you props on Twitter)!

Thanks!!!

re: We need to help a couple of the categories in the dropdown menu standout, so how can we add some CSS such as background colors and font-size?

The CSS I gave will change the color. Here it is again all in one snippet:

#cn-list .chosen-container-single .chosen-single {
    background: black !important;
    border: black !important;
}

#cn-list .chosen-container-single .chosen-default {
    color: white !important;
}

#cn-list .chosen-container-single .chosen-single {
    color: white !important;
}
#cn-list .chosen-container .chosen-results .active-result.highlighted {
    background: black !important;
}

Tweak the color as desired.

As for change the size and font size… this is actually a third party library with some very complicated CSS selectors… changing these will be anything but straightforward and very time involved. Sorry, but I do not have code available to do this and it would take me the better part of a day to write which is beyond what I can do for support. Hope you understand.