Skip to main content
Inspiring
April 5, 2021
Answered

Table of contents hyperlink color

  • April 5, 2021
  • 21 replies
  • 1462 views

Format: Frameless
Version: RH 2020 update 4

I am not able to locate where I can adjust the table of contents (TOC) in the left panel of the topic page. Specifically, when I click the topic heading (hyperlink) in the TOC the link changes color. I cannot find where I can just the “on-click” color change to select the color I want. Does anyone have any insight on where I can find this?

    This topic has been closed for replies.
    Correct answer Amebr

    The topic code you posted usually indicates the content was imported from Word documents. It hasn't typically affected the toc colouring in past versions, but perhaps that's changed with the new Frameless output? 

     

    In two or three topics in Robohelp, switch to code view and look for that code and delete it. You might find it appears in the topic as <body link="xxxxx" vlink="xxxx"> - just delete the link and vlink text, rather than the whole tag.

     

    Generate and see if switching between those topics now shows the toc items the correct colours. If yes, you should be able to do a search and replace on the code to remove it.

    21 replies

    AmebrCommunity ExpertCorrect answer
    Community Expert
    April 17, 2021

    The topic code you posted usually indicates the content was imported from Word documents. It hasn't typically affected the toc colouring in past versions, but perhaps that's changed with the new Frameless output? 

     

    In two or three topics in Robohelp, switch to code view and look for that code and delete it. You might find it appears in the topic as <body link="xxxxx" vlink="xxxx"> - just delete the link and vlink text, rather than the whole tag.

     

    Generate and see if switching between those topics now shows the toc items the correct colours. If yes, you should be able to do a search and replace on the code to remove it.

    Dean5EA1Author
    Inspiring
    April 16, 2021

    The skin I am using is the studio skin.

    Peter Grainge
    Community Expert
    Community Expert
    April 16, 2021

    Which skin is this? I will take a look tomorrow. 

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Dean5EA1Author
    Inspiring
    April 16, 2021

    Thank you for the clarification. Yes, I made a new skin copy, not a duplicate. Here is the result of the new skin.

     

    When loading the page:

     

    When I click any item in the TOC

     

    I did not change any of the settings in the new skin, other than the background and text color.

    Peter Grainge
    Community Expert
    Community Expert
    April 16, 2021

    A new copy of the skin by clicking the + icon in the skin panel rather than creating a duplicate of the existing skin. 

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Peter Grainge
    Community Expert
    Community Expert
    April 16, 2021

    Please confirm you mean a new copy works the same way rather than a copy as in duplicate.

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Dean5EA1Author
    Inspiring
    April 16, 2021

    Can you please define the difference between copy and duplicate, since to me they are synonomus.

    Peter Grainge
    Community Expert
    Community Expert
    April 16, 2021

    This is a guess without looking but try checking the title levels to see if any of those show the colour you are seeing. It's not a default behaviour that I have seen so I think you must have changed something.

     

    Also try a second copy of the same skin. Does that do the same thing in its default state?

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Dean5EA1Author
    Inspiring
    April 16, 2021

    Yes, the copy responds the same as the orginal.

    Community Expert
    April 16, 2021

    So the colour change looks like it might be related to the visited link colour. I can't see anywhere to set that in the skin.

     

    Have you added a stylesheet into the User Assets section? If so, that would be my first place to check - look for a style which includes :visited in the name.

     

    If you don't have a custom stylesheet, then you'll need to use your browser developer tools to find where the style is coming from. Right-click on one of the wrongly coloured links and select Inspect. In the right panel you should be able to find where the colour is coming from.

    Dean5EA1Author
    Inspiring
    April 16, 2021

    I do not see anything in the css file in the asset section to direct "visited" or "link" colors to change. Below is a copy of the source code. I am not sure where to locate these setting, since it is not part of the css file.

     

     

    Peter Grainge
    Community Expert
    Community Expert
    April 7, 2021

    I just set up the title in these colours and then went to Selected Topic and changed the text to lime green. When I generated the output all the topics show as below except the selected topic when the font changes to lime green.

     

     

    So far so good. Next in a topic I added a hyperlink to another topic and it is showing in a different colour. The skin CSS is somehow kept apart from the topic CSS so I'm baffled by why your links are being affected.

     

    Try some really lurid colours to be sure.

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Dean5EA1Author
    Inspiring
    April 15, 2021

    My settings look much like yours, with the difference of color choices.

     

    The table of contents looks as desired when I load the page.

    However as soon as I select a chapter all of the text color shifts. Note: the yellow highlight is correct in how I set it up to signify the selected topic item to display.

    I cannot figure out where to locate the root cause of the shift when I make the first selection. It does not matter which item is selected, any slection causes this chain reaction.

    Peter Grainge
    Community Expert
    Community Expert
    April 6, 2021

    You will need to look in the skin editor.

    ________________________________________________________
    See www.grainge.org for free Authoring and RoboHelp Information

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.