Skip to main content
J
JamesJim
Inspiring
July 21, 2023
Answered

Change style of the glossary tooltip (RH2022)

  • July 21, 2023
  • 2 replies
  • 311 views

I am using the glossary feature in RH 2022. In the final output, if I hover-over the glossary item, a tooltip pop up. Is there any way to change the style of the text that pops up? For example, I would like to change the text size or the background color.

I am using RH 2022.2.22.

Thanks,

Jim

 

    This topic has been closed for replies.
    Correct answer Amebr

    In RH2022 (Frameless) if you selected the "Tooltip" style, the popup is automatically generated by the browser from the content of the "title" html propery. So I don't think there's any way to customise it. 

     

    If you used the "Popup" style then you can customise it, although it doesn't look like Adobe allowed an easy way to do that (unless it's hiding in the templates somewhere). However, I poked around and you can try adding p.popover-text to your stylesheet, with the customisations you need. If that doesn't work, try adding !important after value.

     

    e.g. 1

     

    p.popover-text {
    color: orange;
}

     

     

    e.g. 2

     

    p.popover-text {
    color: orange!important;
}

     

    You should be able to customise the expanding option as well, but I didn't poke in to that one - it used to be part of the standard stylesheet styles and is probably something like span.expandtext

    2 replies

    A
    Community Expert
    AmebrCommunity ExpertCorrect answer
    Community Expert
    July 24, 2023

    In RH2022 (Frameless) if you selected the "Tooltip" style, the popup is automatically generated by the browser from the content of the "title" html propery. So I don't think there's any way to customise it. 

     

    If you used the "Popup" style then you can customise it, although it doesn't look like Adobe allowed an easy way to do that (unless it's hiding in the templates somewhere). However, I poked around and you can try adding p.popover-text to your stylesheet, with the customisations you need. If that doesn't work, try adding !important after value.

     

    e.g. 1

     

    p.popover-text {
    color: orange;
}

     

     

    e.g. 2

     

    p.popover-text {
    color: orange!important;
}

     

    You should be able to customise the expanding option as well, but I didn't poke in to that one - it used to be part of the standard stylesheet styles and is probably something like span.expandtext

    J
    JamesJimAuthor
    Inspiring
    July 24, 2023

    Thanks Amebr. I am using the tooltip style, so I guess I am stuck with the default settings. After reading your post, I tested our documentation on several browsers using several different accounts and confirmed what you said: The browser decides. 

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    July 22, 2023

    I don't have the answer you want but maybe this will help one of your developers to assist you.

     

    If you right click the glossary term and then select Inspect, that reveals the glossary term style is a.tooltip. You can add that to your CSS and change the style of that. 

     

     

    It does not seem to be possible to right click the popup so I cannot see how the style of that is defined. Maybe one of your developers can.

    ________________________________________________________

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

     

    Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices