How do I make "hidden" hotspots? How do I hide the pointer hand cursor on a button?

In some cases, you may not want a hotspot location to be obvious to the user. The "pointer hand" cursor is a bit of a giveaway that there is an interaction.

For example, you may have an "incorrect" hotspot area with feedback and you don't want the incorrect areas to mislead a user. Or, you may have a hotspot on the page and you don't want to lead the user directly to that area by displaying the pointer hand cursor.

You can hide the mouse cursor by adding some code to the Advanced CSS style of the hotspot.

To change the cursor to a default cursor instead of a pointer hand:

  1. Double-click the Hotspot to open Properties.
  2. Click the arrow beside Advanced Styles to open the Custom CSS styles.
  3. Enter the following code in the box: cursor:default;
NOTE: The code must be in this format: property:value;(semicolon separated)
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request