# Results text keyword highlighter

```
Layout options -> Results Behaviour -> Highlighter and More features
```

## Live results list highlighting

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9jkFgNo4lpUof35gvS%2F-MGguBvopVfQFgz07J17%2F-MGguzl96CSyLqdB_fkF%2Fimage.png?alt=media\&token=72a9f6a1-01f1-4a21-b563-cf784bd6bace)

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://1706764988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9jkFgNo4lpUof35gvS%2F-MGguBvopVfQFgz07J17%2F-MGgvf9zRGaLsDKMvW1r%2Fimage.png?alt=media\&token=e602c8dd-585f-4f74-a75d-c443fae61d78)

### 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.