controlling output appearance of glossary terms

Explorer ,
Dec 03, 2020

Copy link to clipboard

Copied

I am using RH 2019, with an indigo html5 skin.

My glossary terms in the output are identical to the cross-ref links and hyperlinks (blue, underlined). I went into the css to specify a different color but to no avail. I right-clicked on a gloss term in the output and did 'Inspect', saw this webkit-based code:  

[user agent stylesheet

a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;]

I then looked for the 'user agent' style sheet, nada. Looked for 'webkit' in the css, nothing found. 

I tried adding the following under <style> to change the color to lime green:

}
a.glossterm:active {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
a.glossterm:hover {
font-family: 'Calibri Light';
color: #00ff00;
background-color: #ecf4fd;
}
a.glossterm:link {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: #ecf4fd;
}
a.glossterm:visited {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: #ecf4fd;
}

</style>

Didnt work. Any advice on this topic is greatly appreciated.

Regards,

Bill

 

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

You want to change the look of the glossary terms in the topic content, correct? You should edit that in your topic stylesheet under Hyperlink Styles. just modify the a.glossterm entry to start with, then change the pseudo elements (active, etc) once you have the basic text sorted.

Views

23

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

controlling output appearance of glossary terms

Explorer ,
Dec 03, 2020

Copy link to clipboard

Copied

I am using RH 2019, with an indigo html5 skin.

My glossary terms in the output are identical to the cross-ref links and hyperlinks (blue, underlined). I went into the css to specify a different color but to no avail. I right-clicked on a gloss term in the output and did 'Inspect', saw this webkit-based code:  

[user agent stylesheet

a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;]

I then looked for the 'user agent' style sheet, nada. Looked for 'webkit' in the css, nothing found. 

I tried adding the following under <style> to change the color to lime green:

}
a.glossterm:active {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
a.glossterm:hover {
font-family: 'Calibri Light';
color: #00ff00;
background-color: #ecf4fd;
}
a.glossterm:link {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: #ecf4fd;
}
a.glossterm:visited {
font-family: 'Calibri Light';
color: #00ff00;
border-width: 1px;
border-style: none;
border-color: #00ff00;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: #ecf4fd;
}

</style>

Didnt work. Any advice on this topic is greatly appreciated.

Regards,

Bill

 

Adobe Community Professional
Correct answer by Amebr | Adobe Community Professional

You want to change the look of the glossary terms in the topic content, correct? You should edit that in your topic stylesheet under Hyperlink Styles. just modify the a.glossterm entry to start with, then change the pseudo elements (active, etc) once you have the basic text sorted.

Views

24

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 03, 2020 0
Adobe Community Professional ,
Dec 03, 2020

Copy link to clipboard

Copied

You want to change the look of the glossary terms in the topic content, correct? You should edit that in your topic stylesheet under Hyperlink Styles. just modify the a.glossterm entry to start with, then change the pseudo elements (active, etc) once you have the basic text sorted.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 03, 2020 0