# Keyword highlighter

## Live results list highlighting

![](https://3760515715-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOpzRddcYVNgkLN4M3d%2F-MXqtVURuRBgcprGwceS%2F-MXqtwLu5B4dE0fiTC6I%2Fimage.png?alt=media\&token=18764b39-ba32-4e3a-9d9d-1cb029612dfa)

It is possible to highlight the search phrase in the **live results** list. Within these options you can change the:

* Highlighter text color and background
* and to highlight whole words or partial words as well

## Single result page keyword highlighting

{% hint style="warning" %}
The single result (clicking a result on the live results list) is not the same as the search results page. This feature does not work on the search results page.
{% endhint %}

![](https://3760515715-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MOpzRddcYVNgkLN4M3d%2F-MXqtVURuRBgcprGwceS%2F-MXquAwfnQ23hTktaTHl%2Fimage.png?alt=media\&token=5b6f6513-3e77-4a2f-9bd6-d77dc5eb18a1)

### Scrolling to the first keyword match

Whenever the `Scroll to the first keyword match if possible?` option is enabled, the plugin will try to scroll to the first keyword match, after redirecting to the single result.

If you want to programatically specify a part of the result page to apply the highlighter and scroll feature on, then use the `Result page content jQuery element selector` option. This is useful when the search phrase might appear outside of the post body container (in a widget, footer or menu etc..), and you want to make sure those appearances are not highlighted.