Skip to main content
Known Participant
August 6, 2025
Question

RoboHelp 2022 Change Font Color of Labels (Responsive HTML5)

  • August 6, 2025
  • 1 reply
  • 137 views

Hello, is there a way to change the font color of a responsive HTML label?  I'm specifically look for the "Click here to see this page in full context" label, but it could apply to any.  it's hard to read with the skin we're using, and it's even harder to read if we wanted to use the Azure Blue:

 

 

I've found where I could change the text of the message (Output/Labels/English/Responsivehelp.  But if I wanted to make the font white, for example, is there a project file I could edit?

 

    1 reply

    Peter Grainge
    Community Expert
    Community Expert
    August 7, 2025

    If you right-click any part of an output and then click inspect, you can often see code that will help you identify the style applied.

     

    In this case I got this.

     

     

    It's a default Azure Blue and it is white. That suggests something else you have changed in the header is affecting the text colour. I have shown the code as well in case you have sufficient knowledge to see what to change that would just affect the label.

     

    As far as what you may have done to change the colour from the default white, this seems to be a likely cause.

     

     

    If you change the Title Font Color, then both the title and Click here have that colour set here. What puzzles me is if you don't like the colour you have posted, the title would have the same problem.

    ________________________________________________________

    My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

     

    Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Known Participant
    August 7, 2025

    I actually didn't change anything with the Azure_Blue at all - I just added it as-is to see how it would look.  The topic title actually is white:

     

    But with the inspect, I could see that it's coming from our CSS which is overwriting it.

     

    I found the topicheader.css and copied the .gotohome part into our CSS, and it worked. 🙂  Thank you! 🙂