Search effect

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

Description

background

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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now