We're building out the design for a new course that has a lot of custom graphic elements. We've included a custom hover state on quiz questions and, for some reason, there's a blue glow that's getting added to the hover state when we preview/publish the course. It's not there when we look at the states. What's going on?
That little pesky hover glow is actually part of the color theme palette.
First, go to the Design tab and all the way to the right is a button titled, 'colors.' When you click on that dropdown you'll see several color themes. By default each new project is set to "Office."
You'll need to create a new color theme in order to edit the colors by clicking at the bottom of that window, "Create New Theme Colors...."
A new "Create New Theme Colors" dialog box appears with the ability to give it a custom name. I usually name these based on the the Project Name.
The color that glows behind those radio buttons is Accent 5. Simply change that color to something that fits your overall color theme. If you don't want any color you'll have to select white or any color the same as your background as there is not option for "No Color."
I'm having a bit of an issue with this hover and blue glow. The behavior I'm getting is that all but one of the radio buttons has the glow. I don't have a preference either way with or without the glow. But I am not sure how to either turn it OFF on all or ON on the one that isn't showing it. Can someone offer some suggestions here? It's displaying on the entire quiz where all but one of the radio buttons has the glow on hover.
Could you please explain a bit more about this? When you say "all but one of the radio buttons has the glow," are these radio buttons that are part of quiz slides? Or, are they radio buttons that you inserted? Would you be able to attach your slide here?
Hello Samantha and welcome to E-Learning Heroes :)
Sorry to hear that you're having trouble here. This thread is a bit dated, so it'd be helpful to know what version of Storyline you are using and if you could share your .story file that would be super helpful.
I am using Storyline 2, sorry I cannot share my file. I have never had this issue before and now there is a blue glow around the correct answer when I preview?
Even i'm facing with the same problem. This blue glow appears for plain text even when no hovering effect is added. I'm working with storyline 2. It just appears randomly. No idea why it appears.
A quick tip what we follow is we put a rectangle shape with 99% transparency and this helps to avoid the blue hovering effect on text, but when it happens to clickables we dont know what to do.
We've seen a blue glow hover state on quiz question slides, but it sounds like you're seeing this happen on regular text on any slide, is that correct?
I'd be curious to have a look at a sample of your file to see what could be causing this. You can attach it here to a new thread comment!
17 Replies
Hi Laura,
That little pesky hover glow is actually part of the color theme palette.
First, go to the Design tab and all the way to the right is a button titled, 'colors.' When you click on that dropdown you'll see several color themes. By default each new project is set to "Office."
You'll need to create a new color theme in order to edit the colors by clicking at the bottom of that window, "Create New Theme Colors...."
A new "Create New Theme Colors" dialog box appears with the ability to give it a custom name. I usually name these based on the the Project Name.
The color that glows behind those radio buttons is Accent 5. Simply change that color to something that fits your overall color theme. If you don't want any color you'll have to select white or any color the same as your background as there is not option for "No Color."
Hope this helps.
Thank you! This rings a bell now that you've mentioned it. I'll play with the color palette.
Awesome Laura! Glad that Kevin was able to help you out. Just let us know if you need anything further.
I'm having a bit of an issue with this hover and blue glow. The behavior I'm getting is that all but one of the radio buttons has the glow. I don't have a preference either way with or without the glow. But I am not sure how to either turn it OFF on all or ON on the one that isn't showing it. Can someone offer some suggestions here? It's displaying on the entire quiz where all but one of the radio buttons has the glow on hover.
Hi Coline,
Could you please explain a bit more about this? When you say "all but one of the radio buttons has the glow," are these radio buttons that are part of quiz slides? Or, are they radio buttons that you inserted? Would you be able to attach your slide here?
I am having this problem with quiz slides, the correct answer is the one that glows?
Hello Samantha and welcome to E-Learning Heroes :)
Sorry to hear that you're having trouble here. This thread is a bit dated, so it'd be helpful to know what version of Storyline you are using and if you could share your .story file that would be super helpful.
Hi,
I am using Storyline 2, sorry I cannot share my file. I have never had this issue before and now there is a blue glow around the correct answer when I preview?
Hey Samantha!
That does sound like odd behavior.
Can you share your file with our Support Engineers privately instead over here? They can even sign an NDA if necessary!
If not, can you share a stripped down version or an example file with the same happening?
Let me know!
Hi Ali,
I have submitted a case with an example file.
Thanks
Perfect. Thanks for letting us know Samantha :)
hI
Even i'm facing with the same problem. This blue glow appears for plain text even when no hovering effect is added. I'm working with storyline 2. It just appears randomly. No idea why it appears.
A quick tip what we follow is we put a rectangle shape with 99% transparency and this helps to avoid the blue hovering effect on text, but when it happens to clickables we dont know what to do.
Hi Christo,
We've seen a blue glow hover state on quiz question slides, but it sounds like you're seeing this happen on regular text on any slide, is that correct?
I'd be curious to have a look at a sample of your file to see what could be causing this. You can attach it here to a new thread comment!
Yes Alyssa. I have attached the sample screenshot here.
Hi Christo, thanks for the screenshot!
Do you see this blue highlight only when you hover over the text, or does it always appear blue?
Have you tried highlighting the text and selecting the Clear Formatting button?
No this blue highlight appears only when its hovered.
BUT!! Clear Formatting technic WORKED!! This will save a lot of our time.
Thanks a ton!! Alyssa
Glad to hear that worked for you Christo! Thanks for popping back in with an update :)
This discussion is closed. You can start a new discussion or contact Articulate Support.