Changing glossary font...

[hart2hart]

I've looked in so many places to try to figure this out. I figured out how to change the glossary toolbar item, how to change the color of the frame for the glossary, and how to change the accordian bar that displays the glossary... but have yet to find out how to change the font of the glossary definitions and terms within the frame that appears when you click the glossary accordian item. Any ideas? THANKS!

[alaltenburg]

Have you tried using the Madcap-glossary Proxy and Madcap-glossary term within the stylesheet?

Andrea

[hart2hart]

Yes. Tried that. Proxy didn't do anything. I think that may be for print docs?? As far as the term, that was for terms that have hyperlinks, popups, etc. within topics. At least as far as I can tell. Changing that changed any glossary terms I had within topics... didn't change the actual glossary output for help.

[LTinker68]

This is where you wonder why MadCap's programmers can't be consistent. Unlike the TOC entries and index entries, you don't control the style of the glossary pane text from the skin. Instead, you do it from the main topic stylesheet.

To control the links (glossary terms), look in the stylesheet under the <a> tag and modify the pseudo-classes under the GlossaryPageTerm class. Make sure you edit the pseudo classes in the order of link, visited, focus, hover -- they're not listed that way, but you have to modify them in that order, otherwise the hover color won't appear in the output. (If you do it in the wrong order, open the stylesheet manually and move the styles so that they're listed in that order, with hover being the last of those styles.)

To control the positioning of the links (e.g., margin-bottom to separate the terms) and font properties, look under the <div> tag. There are four glossary-related DIVs you can modify.

[hart2hart]

Lisa, that was it! Thank you so much!!

[jhamrick]

Very helpful reply. On a related topic, I have a few glossary entries which I've linked to topics rather than defining them in the glossary file. In Webhelp, those links retain the old glossary font and don't seem to be affected by the regular glossary pseudo classes. Do you know how to change the font for those links?

[LTinker68]

Assuming you're talking about the glossary pane... If you have a mix of effects in the glossary pane (popup/expanding/hyperlink versus topic), then you can stylize them all at once by manually adding the complex selector below to your topic stylesheet. If you go this route, then you can delete the a.GlossaryPageTerm style or just ignore it, because this complex selector sort of overrides it, since I didn't specify the class of <a> in the complex selector. Of course, change the color definitions in your complex selector to whatever you want.

NOTE: For topic links, the glossary term will use the visited link once you've visited the topic, but the other glossary terms (the ones that reveal the definition in the glossary pane) won't use that visited link, so you could still end up with a mix of colors in the glossary pane. So if you go with the complex selector setup below, then you'll want your "visited" color to be the same as the "link" color.

Code: Select all

div.GlossaryPageTerm a:link
{
	color: #48d1cc;
}

div.GlossaryPageTerm a:visited
{
	color: #48d1cc;
}

div.GlossaryPageTerm a:focus
{
	color: #4169e1;
}

div.GlossaryPageTerm a:hover
{
	color: #ffa500;
}

[jhamrick]

Brilliant! That works perfectly. Thank you so much!