Change colors and image Icon?

Hi there, and thanks for the question!

First things first. You should never directly edit a plugin file. It’s great that you’re trying to customize the display of this plugin, however if you’re writing custom CSS, you should be using another plugin like My Custom CSS. If you directly edit the plugin file, you risk all of your changes being overwritten next time you update the plugin. Forgive me if this is old news to you, but I just want to make sure you knew ??

Secondly, the styling of <select> elements, is a tricky task – to make style them consistently across various devices and browsers requires some in depth CSS, and possibly even JavaScript, which is outside the scope of this plugin. If you’d like to leran more, however, this is a great article by Chris Coyier of CSS Tricks: https://www.ads-software.com/plugins/my-custom-css/.

Best of luck, and let me know if I can help with anything else!

PS – as for the icon, you should just be able to insert it into the First Item setting. If, for example, you wanted to insert a Font Awesome car icon in there along with some text that says “Navigation”, you could do the following:

1. Install Better Font Awesome (or include Font Awesome in some other way).

2. Settings->First Item:  Navigation ( is the unicode for the Font Awesome car icon, found here: https://fortawesome.github.io/Font-Awesome/cheatsheet/)

3. Add the following custom CSS to My Custom CSS (or wherever you keep your custom CSS):

.jquery-responsive-select-menu {
   font-family: FontAwesome, "Open Sans";
}

The icon will render as FontAwesome, and the other plain text will render as Opens Sans (which you can change to whatever your normal font is).

Thanks all for the replies, I have decided to go with a different plugin that already had built in customization.