• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How do I change color of hyperlink search results in WebHelp Pro?

Participant ,
May 07, 2009 May 07, 2009

Copy link to clipboard

Copied

I'm trying to figure out how to change the color of search result hyperlinks when using WebHelp Pro in RH8. The links currently are vibrant blue and purple after clicked on. I can't find anywhere in the style sheet or in the skin editor options to define this. Any help would be greatly appreciated.

Views

961

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
May 08, 2009 May 08, 2009

Copy link to clipboard

Copied

LATEST

In your .css file, use something like the following; the "A:" would be your default link, and the "A.topic:" would be a different class of link (we use it for some in-topic navigation links). Note that the order in which the qualifiers appear is important. Follow the LoVeHate method (Link, Visited, Hover).

Feel free to try it and use your own combinations (you might not want the expanded letter-spacing, for example). We also reversed the underline format from the default html (none for link and visited, underline for hover).

A:link,
A:visited {
color: #0000CD;
letter-spacing: 0.25pt;
text-decoration: none;
}
A:hover {
color: #000080;
letter-spacing: 0.25pt;
text-decoration: underline;
}
You would add the class=topic qualifier to your links for this class of link (a class=topic href="targettopic.htm")
A.topic:link,
A.topic:visited {
color: #0000CD;
font-size: 8pt;
font-weight: normal;
margin-left: 10px;
margin-top: 0pt;
margin-bottom: 0pt;
letter-spacing: 0.25pt;
text-decoration: none;
}
A.topic:hover {
color: #000080;
font-size: 8pt;
font-weight: normal;
letter-spacing: 0.25pt;
margin-top: 0pt;
margin-bottom: 0pt;
margin-left: 10px;
text-decoration: underline;
}
Good luck,
Leon

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp