Glossary highlighting -> Font colour

Hi Ron

And just another thing within this topic...
How can I get rid of the image (The image I link my hotspots to) border? In other templates there is a "show border" checkbox, but this one is missing here...

Thanks
Stefan

Hi Stefan
Try the following: Using .x_annotatedDiagram_page will mean that the styles only apply to that page type.
Change #B32B76 to whatever colour you want that works with the dark background and light grey text. In my example I have the Highlight colour set to #B32B76 rather than yellow so works well

To identify what IDs or Classes to target either look at the code or use your browser developer tools F12 and inspect the various elements.

HTH
Ron

Hi Ron,
I stumbled upon this post and tried the code you included to change the glossary text colour.
Unfortunately it no longer works (I have Xerte 3.10). Do you know if it matters with the different versions of Xerte? or maybe I'm just not using the CSS style right. (although I follow exactly like what your screenshot showed).
Thanks!

Hi
Please post a copy of the code you’ve used and a screen shot of where/how you have used it. Or even a public link to your page and we’ll have a look.
HTH
Ron

Hi Ron, thank you.
A public version can be found here: URL: xerte.cahss.ed.ac.uk/play.php?template_id=3351
Attached is the screenshot of the setup.

Hi
it looks like the selectors have changed in later revisions. Try something like the following:
span.x_glossary, span.x_glossary:visited, span.x_glossary:hover, span.x_glossary:active {
color: red !important;
}
If you want to change things like hover and focus color just add those separately e.g.
span.x_glossary:hover, span.x_glossary:focus{
color:green !important;
}
For others reading this thread at another time please share if that works for you.
HTH
Ron