Forum Discussion
hotspots
Hello everyone! Is there a way to edit the spinning inside of a hotspot?
I am using hotspots for some quiz questions, but users seem to get the impression that something is loading, so they pause ...
Hey. You can modify CSS to disable the animation.
Option 1
1. After publishing your course go to this folder: html5\lib\stylesheets\
2. And add this line at the end:
.hotspot-marker{animation:none !important;color:#00ecf5 !important;border-left-color: unset !important;border-right-color: unset !important}
This will disable the spinning animation.
Option 2
If you don't want to do it every time you publish your course you can add a JavaScript trigger with this code. It will add a css to your course when the trigger is triggered.
var styles = `
.hotspot-marker{animation:none !important;color:#00ecf5 !important;border-left-color: unset !important;border-right-color: unset !important}
`
var styleSheet = document.createElement("style")
styleSheet.type = "text/css"
styleSheet.innerText = styles
document.head.appendChild(styleSheet)
