Change Icon Color & Dropdown Text Color; Dropdown Positioning

I hope you are well today and thank you for your questions.

I’m trying to change the icon color and dropdown text color from grey to white. The Ivory settings didn’t work.

Could you please tell me exactly which settings didn’t work for you or share the screenshots of them?

You can change it from the plugin settings as shown in the attached screenshots.

Also, is it possible to position the dropdown box left to be parallel to the icon?

Could you please share your site URL where it’s displaying so that I can help you to achieve it?

Best regards,
Ivory Search Support

I could confirm the issue and resolved it in the plugin.

I have released the plugin version 4.4.13 containing a fix for the issue so please update the plugin on your website and let me know how it works for you.

Yes, the update fixed the icon color. Thank you.

Glad it fixed the issue.

However, the dropdown text color is still grey. Is there any way to change that color to white?

Also, is it possible to position the dropdown box left to be parallel to the icon?

You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

.is-menu input[type=search] {
    color: #FFF;
}

.is-menu.is-dropdown form.searchform {
    right: 15px;
}

.is-menu input[type=search]::-webkit-input-placeholder { /* Edge */
  color: #FFF;
}

.is-menu input[type=search]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

.is-menu input[type=search]::placeholder {
  color: #FFF;
}

You are always welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

I’d really appreciate that. 🙂

And if I can be of any further assistance please don’t hesitate to ask.