Make your Interactive Pages more engaging with hot spots!

Interactive page types let you layer clickable hotspots on a single image to reveal bite sized content such as text, images, or audio clips. This helps learners absorb information in a more engaging way.

If your hotspots or pop up messages blend into the image, a little custom CSS can help. You can adjust icon size and color or tweak the pop up’s background and border for better visibility.

Here is some inspiration!

Like what you see? Download the CSS Block attached below to learn how.

Default page

Optional ideas

These CSS Blocks are designed for a default Thought Industries instance with no existing Custom Code, so any customizations you’ve added may generate conflicts.