How to style Web Content Highlighter

Once the Web Content Highlighter feature is implemented, it is possible to add extra styling to make it fit in better with the visuals of the website. The following CSS selectors can be used to style different elements of the page.

Text fragments

Will be highlighted in the search result when hovered.

.cludo-highlight-fragment {
  /* Insert styling */
}

Highlighted text on the landing page

Shown on the page when a result has been clicked.

::target-text {
  /* Insert styling */
}