Skip to main content
A
Anonymous
July 28, 2008
Question

Changing color of Expanding text and Drop down text in RH6

  • July 28, 2008
  • 15 replies
  • 2686 views
Hi,

Is there any way to change the color of the expanding text? When I type text in the expanding text box, the text is black. When I look at the actual output in WebHelp, the text is red.

Is there a way to automatically set the color of the expanding hotspot text and drop-down hotspot text?

Thanks,
FMnRH
    This topic has been closed for replies.

    15 replies

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    August 1, 2008
    To help me understand correctly

    - If you change the colours defined for the dropdown and expanding hotspots in the project you downloaded, recompile the help, then those changes work. The styles to change those hotspots are in the stylesheet and what to change is described in the project.

    - If you make the same changes in your project, that does not work.

    Can you recreate this in a new project and email that via my site?

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    MergeThis
    MergeThis
    Inspiring
    August 1, 2008
    The order (top to bottom in the CSS file) in which you list the link states is crucial; they must follow the Lo Ve HAte "protocol:"

    a:link {
    etc.
    a:visited {
    etc.
    a:hover {
    etc.
    a:active {
    etc.

    Some can be combined, as long as the order is maintained, such as:

    a:link, a:visited {
    etc.


    Good luck,
    Leon
    Captiv8r
    Captiv8r
    Legend
    August 1, 2008
    Hi all

    In RoboHelp classes we encounter this all the time where a style is changed in a style sheet and it's not really reflected in the actual page after doing so. I've skimmed the thread and so far haven't seen anyone suggest what I'm about to. Or at least I don't believe I have. So apologies if this was covered and I missed it.

    If you change the view to HTML view, do you see any style information there other than a link to the CSS file? If so, try deleting any style information. This will be found in the Head area at the top of the topic. It may look something like this:
    <style><!--

    body {
    background-color: #ffffff;
    }
    A:visited {
    color: #800080;
    }
    A:link {
    color: #0000ff;
    }
    -->
    </style>

    You would want to remove that information.

    Cheers... Rick
    L
    lillibetUK
    Known Participant
    August 1, 2008
    I wasn't confused. I simply remarked about the lack of hyperlink styles in your stylesheet because I wondered if your hotspot styles would stick in the output once the hyperlink styles were defined.

    It is the hotspots that are the problem. I have already defined the dropspot and expandspot with different colours in my stylesheet. They display ok in the WYSIWYG, but not ok in the preview window or in the generated output.

    In the preview window and generated output the hotspots take on the hyperlink styles. This is not what I want.

    I hope that is more clear.
    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    August 1, 2008
    Can we clarify what you want?

    I thought you wanted to be able to define the colours of the hotspots for expanding and dropdown text. Whilst they may look like hyperlinks, they are defined as per the demo which you say is working for you.

    In that demo it does state

    Default2 has been set up to display different colours for hyperlinks, dropdown hotspots and dropdown text, and expanding hotspots and expanding text.

    I can see your confusion. The word "hyperlinks" is included but if you go to the hyperlinks topic, it does state the topic is not completed. Looks like I forgot that was incomplete so there are no hyperlink examples. I will correct that but meantime, the demo does cover what you asked.

    So is it expanding and dropdown hotspots that are the issue or hyperlinks to other topics, websites etc?

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    L
    lillibetUK
    Known Participant
    August 1, 2008
    I guess the demo does work for me, but I cannot see any hyperlink styles defined in either of your stylesheets. How do you define your hyperlink styles?
    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    August 1, 2008
    What happens in the downloadable demo? Does that work as you want?

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    H
    HKabaker
    Inspiring
    July 31, 2008
    I've always wondered about the code that says,
    text-decoration: none none underline

    Does it belong there? Is it a holdover from an older stylesheet imported into RH 6? Is it disabled by the /* or */ tags? Does it have any function for text display?

    If you delete these lines, do the styles work?

    Harvey

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    July 31, 2008
    Try 35

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    L
    lillibetUK
    Known Participant
    August 1, 2008
    Hi Peter,

    I knew I would have missed something re:snippet 35. However this seems to cover what was said previously. I get it, and have made sure I set the dropspot and expandspot styles in my stylesheet.

    Again this morning I adjusted the colour of my hotspot styles in my stylesheet, but they still only appear as I would like them to in the WYSIWYG window, and revert to the hyperlink style in the preview window and generated help.
    (BTW my colleagues are now starting to think I have no sense of colour!) I just assumed that it was one of little annoyances with RH.

    If I could add a screenshot here I would be able to show you the problem.

    Regards

    Liz
    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    July 31, 2008
    I think this is also covered in Snippets on my site.

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    L
    lillibetUK
    Known Participant
    July 31, 2008
    Hi Peter,

    I just looked at your snippets and found "42 : Styles not appearing as defined in the style sheet". I hope this is the place you were pointing me to. I scrolled down to the expanding and drop-down hotspot section, but I don't understand the relevance?! You clearly state that the hyperlink styles do not affect the hotspot styles, but for me they clearly do.

    I viewed my style sheet in notepad and have attached the relevant code for the hotspots and hyperlinks (I hope!). I have the different styles set up, so why might they not obey the style sheet?

    If I should be looking somewhere else (probably the case!), please do repoint me in the right direction.

    Regards

    Liz
    L
    lillibetUK
    Known Participant
    July 31, 2008
    Hi Ben,

    Thanks for your reply. I only have the visited, active, hover type styles for hyperlinks. If I had these styles for the expanding and drop-down hotspots I would be able to apply them. How do I add these for the expanding and drop-down hotspots? I'm currently using X5.

    Thanks

    Liz (I have a feeling I'm about to feel like a dunce!)
    A
    Anonymous
    July 31, 2008
    Liz,

    Forgive me if I haven't completely understood what you've already tried. Have you defined styles for every state of the expanding and dropdown links--link, hover (you mentioned rollover...), visited, active? If not, that may be why the browser in the preview and the output is reverting to the styles for regular hyperlinks.

    You would want a set of the following styles defined (or changed to the way you want them if they are already defined in your style sheet):

    a.expandspot:link
    a.expandspot:visited
    a.expandspot:active
    a.expandspot:hover
    a.dropspot:link
    a.dropspot:visited
    a.dropspot:active
    a.dropspot:hover

    Just a thought,

    Ben
    Show more replies
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices