Search effect

Last update: 2021-12-10
  • Created for:
  • Developer

The viewer displays search result regions over the main view to highlight words or phrases found in the catalog.

CSS properties of the main viewer area

The appearance of search result regions is controlled with the following CSS class selector:

.s7ecatalogsearchviewer .s7searcheffect .s7region

CSS property



Background of search result region.

Example - to set up search result regions with a semi-transparent, yellow fill:

.s7ecatalogsearchviewer .s7searcheffect .s7region {
 background: rgba(255,255,0, 0.5);

On this page