Available plugins Guide

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;
}