Study Spaces and Tooltips - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

The Study Spaces page has either a 360 image or a still image to represent the various spaces available.

Volume icons (Font Awesome) are used to indicate a space that is Quiet or one with Some Noise. Hovering triggers a tooltip with the appropriate text. This is done using the Elementor Pro Tooltip widget and tips from Wicky Design.

See Simple CSS for

/* Use default cursor instead of link-suggesting pointer cursor for hover tooltips via Elementor Pro hotspots. */ .e-hotspot__button:hover { cursor: default; }