An overlay allows an asset to be emphasized by rendering it on top of the rest of the site's content while also obscuring the area around the asset. Video playback, image expansion, PDF, and HTML packages are rendered in an overlay with Zoomforth.
Design customization for overlay assets can be done using CSS classes.
To add a CSS class for an overlay asset on image expansion
1. Click the image you want to open in overlay or expansion.
2. Click the Action tab.
3. Under On click, click Edit / Preview.
4. In the CSS Classes field, enter the CSS class to use for the overlay asset to apply the styling to the overlay.
5. Click Finish editing to save your changes and exit the editing mode for the image tile.
6. Click Done Editing Tile to confirm and finalize all edits made to the image tile.
