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 */
}