Adobe RoboHelp: Controlling Hyperlink Colors

by Kevin Siegel Follow us on Twitter
 
Creating a hyperlink in RoboHelp is surprisingly easy. All you need to do is highlight some text and choose Insert > Hyperlink/Popup. Select a topic from the Select destination (File or URL) area and click OK. Alternatively, you can drag a topic from the Project Manager pod directly into an open topic and create both the hyperlink text and hyperlink at one time. Students who attend my online RoboHelp class find the latter hyperlink technique to be the coolest thing ever.

The resulting color of hyperlinked text is typical: hyperlinks appear as blue, underlined text.

You'll be pleasantly surprised to learn that you can control the color of the hyperlinked text by editing the topic's CSS.

On the Project Manager pod, double-click your CSS to open the Styles dialog box.

From the Character group, notice that there are four Hyperlink options: active, hovered, unvisited and visited.

The unvisited link is the color of a hyperlink before a user has clicked the link. Once a link has been clicked, it is known as a visited link. The active link is the color of a link as the user is clicking the link. And hovered is the color of a link when the user hovers the mouse over the link, but does not click.

If you want to change any of the link colors, simply select it from the list and change the color via the color menu at the right. For instance, I'd like to change the Hyperlink (unvisited) color.

Hyperlink (unvisited)

After selecting Hyperlink (unvisited), I selected Maroon from the list of colors.

Changing the hyperlink color

All that's left to do after that is click the Apply button and then click the OK button. Any topics using the edited CSS will use the new hyperlink color.

***

Looking to learn RoboHelp? I have a class coming up this month. Click here to learn more.

***

Follow me on Twitter

Leave a Reply

Discover more from The Logical Blog

Subscribe now to keep reading and get access to the full archive.

Continue reading