1 Reply Latest reply on May 8, 2009 4:46 AM by MergeThis

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

    jdcyclone1

      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.

        • 1. Re: How do I change color of hyperlink search results in WebHelp Pro?
          MergeThis Level 4

          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