Hover State of Hyperlinks

Sep 02, 2020

Hi,

We are wondering if there is a way to control or eliminate the hover state of links that are added to lessons? At this time, we are able to make adjustments in the color palette but we are wondering if the hover (light blue) can be removed?

TIA!

5 Replies
Dave Cox

Hi Glenna,

I'm wondering how your are adding your links? Are you right-clicking and changing that bit of text to a link like you would in PowerPoint? With this method, the hover state is build in and difficult to change. 

I often add a text box, and make it a link by adding a trigger to jump to a URL. Thus, my text becomes a link. It doesn't show any hover or click states unless I add them, and then I can customize them all I want.

You can also position a shape over the text that you want to use a link. Make the shape transparent, then the user sees the text, but is actually clicking the shape.

Dave

Glenna Davis

Thanks Dave, transparent buttons are a great idea. But, the instructors would like to select groups of words and make them a hyperlink, for example see below:

  • Bullet 1
  • Bullet 2
  • This bullet would have descriptive text and then instruct the learner to Select here to see the webpage that contains the information where the bold section would be a hyperlink.

In that instance, the invisible button wouldn't be the ideal solution because some of the non-bold text would also be a part of the hyperlink and they don't want that because the transparent button would cover regular text. We can hyperlink the sentence, but then the light blue color would bleed onto other text especially if the chunk of text was 3 lines.

You said it is hard to change. Do you know how to do change it?

Dave Cox

Hi Glenna,

I said that it that the built in hyperlink is hard to change, because to do it, you would need to use Javascript to modify the CSS for hyperlinks. And while that can be done, It isn't easy to do, and I wouldn't recommend it.

Using shapes really is your best way to accomplish what you have described. I'm not using buttons to do this, but just a shape. For your example, it just requires 2 shapes. Take a look at my example and see if this will work for you.

Dave

This discussion is closed. You can start a new discussion or contact Articulate Support.