Hyperlink Glow?
May 16, 2012
By
Holly Eva
So I've designed this course that includes hyperlinks to documents within slides. I made the hyperlinks red to complement the color scheme in the course, but everytime someone "hovers" over them, a pink glow happens.
Keep in mind I've tried all sorts of manipulations with the hover states, from deleting them altogether to changing the hover state background color. All it does is still gives off this pink glow when you hover over the red hyperlink (YUCK!) and still implements whatever hover state you design at the same time.
Anyone else have issues with this? Is there a way to change that hyperlink glow? I've even messed with the theme on the master slide and can't seem to figure out where this ugly pink is coming from.
20 Replies
Hi, Holly (aka Eva)!
And you've looked at the color scheme?
If yes, can you post a pic or a single-slide story file for us to look at?
Hi Gerry,
So happy to see you in the main forum
Here are some screen shots, this is the color theme I have going:
And here is what happens when it renders and you hover over the hyperlink, notice there's a hover state on it so it also has a bit of a color outline as well as the gawdy pink glow...
Hi, Holly! Good to see you also!
Easy solution would be to not have the actual text be the hyperlink. Put transparent shapes over your link-looking text and attach a URL to the shapes.
Doing some more experimenting also . .
Hmmmm, this is intriguing. I shall subscribe to your newsletter, LOL.
I will try that out
LOL back to you! Beware what you subscribe to.
So far it looks like the glow is something you can't remove (hope I'm wrong). Looks like the glow is a lighter shade of whatever you have set for your hyperlink color.
Also went to the player itself and the color editor there. Don't see anything obvious yet.
Wonder if a feature request is needed here.
(Or here's where a Jeanette or Brian come in and tells us the obvious solution. )
Holly,
You could use a trigger instead of actually adding a hyperlink to the text. This can be done using the following procedure.
1. First remove the hyperlink from your text by selecting all or part of the hyperlinked text, right-clicking and selecting Remove Hyperlink.
2. Now with the nothing selected, create a new trigger from the Triggers panel and enter the following information in the Trigger Wizard dialog.:
- Action: Jump to URL/File
- File: http://www.YourURL.com
- When: User Clicks
- Object: (Text box that content the hyperlink).
The above steps can be used to assign a hyperlink to any object when you don't want the appearance to change when hovered over.
I hope this helps!
Thanks David! I'm working through how to use either yours or Gerry's method but still give the user feedback much like how they would receive when clicking on a regular hyperlink.
You could also use a hotspot.
Holly,
If you need visual feedback when the link is hovered over, creating different states for the text button can be used. Please try the following.
1. Select the text box containing the hyperlink trigger (see my other post in this thread).
2. Select the States Tab (bottom of editor), then the Edit States button.
3. To add a hover state, select the New State button (sheet of paper icon) from the States tab and select 'Hover' from the drop down.
4. With the hover state thumbnail selected (yellow box around the hove state thumbnail), simply change the color for the text from the Home tab --> Font container.
5. Select the Done Editing States button from the States tab and Preview the slide.
The cool thing about Storyline object States, is that you can modify most all aspects of the text or object that is select; size, color, rotation, outline, fill..... the options are near endless.
I hope this helps!
While I haven't used hyperlinks, is the over state simply a opacity % of your red??
Try changing the color of custom color 2 - see if that makes a difference.
Bill,
Yes. When creating custom color schemes the over state fill color for hyperlinks is the same color as the hyperlink but with an 80% alpha (transparency) applied.
If that is so, why is that when I changed my hyperlink text color to black, the over state fill color remained a bright lavender? If it was 80% opacity should it not be a shade of grey?
Nicole,
Yes a light shade of grey should appear. I tested this on my system. There might be some other coloring that has already been applied to your hyperlink text. As a test, try creating a new text box with text and add a hyperlink after highlighting the text.
Let us know if this works.
Hi Nicole - this might be a stupid question but how are you changing the color of your hyperlink text? Are you using the font editor on the slide or are you changing the color in the Design color theme?
Because I have found that if you change the color using the font editor on the slide and do not actually go into the color theme and change the default color for the hyperlink, it gives you odd results.
It would be great if the fill colour could be controlled and customised (and disabled) in future versions. From a graphic design perspective this is not good.
When I am using Hyperlinks I do the following:
This way the color of the Hyperlink can be one thing while the highlight color can be something else entirely. I am not sure if this would work for you, but it has generally worked well for me.
The only thing I have not yet figured out how to do is to get the highlight to leave the Hyperlink when I am using multiple hyperlinks in one text field when the mouse does pass over the one currently highlighted. I have managed to create a drop down list that can have everything highlighted as long as I never mouse over the previous selections. Very frustrating and I am still trying to find a way around this.
For those who still searching about this topic:
In Storyline 2, empirically find out the following:
Hi Ivan - This thread is a bit dated, but thanks for chiming in to share with the community.
This discussion is closed. You can start a new discussion or contact Articulate Support.