24. HT Search autocomplete
Adds auto-complete functionality to the main search box.
Courtesy of Gabe Shackle – we’ve modified this plugin to work with Relevanssi and to include user profiles.
See Settings, Search Autocomplete to configure settings for this plugin.
Use #s as the selector for the search box.
In the main theme customiser additional CSS you can add styles to change the colour of the dropdown menu items.
.ui-autocomplete .ui-menu-item {
background: white;
color: #333;
font-size: 0.8em;
font-weight: normal;
margin-left: 3px;
padding-left: 3px;
font-family:'Open Sans';
}
.ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active {
background: #1e73be;
color: #fff;
border: 0;
border-left: 2px solid black;
margin-left: -5px;
padding-left: 3px;
font-weight: normal;
}