Forum Discussion

SusanMorin1's avatar
SusanMorin1
Community Member
13 years ago

Change appearance of hot spot question selector marker

Is there a way to change the color or size of the selection marker for hot spot questions in Storyline? I get feedback the marker is small and hard to see. I would like to make it more noticable.  ...
storyline 360
Snorrski's avatar
Snorrski
Community Member
4 years ago

You can do it with javascript. Here is a code to change the circle to yellow, and a bit larger. Adjust by changing the color and the size:

var el = document.getElementsByClassName('hotspot-marker')[0];
el.style.color = "yellow";
el.style.background = "yellow";
el.style.borderLeftColor = "yellow";
el.style.borderRightColor = "yellow";
el.style.borderWidth = "12px";
el.style.marginLeft = "-12px";
el.style.marginTop = "-12px";

The script can simply run in a javascript trigger, to run when timeline starts. 

Note: this is tested in Storyline 360, and might need adjustments for other versions as the DOM-structure is slightly different in various versions of storyline. 

Related Content