How to Italicise Concept text in Glossary

How to Italicise Concept text in Glossary

by Cari Jansen -
Number of replies: 3

Is there a way to italicize Concept (the term) in the Glossary Activity? (Moodle 3.6) – See screenshot.

We use the glossary as a reference guide, and certain terms (e.g. legislation, species), need to be listed in italics.

I tried surrounding the Concept text with 'i' and 'em' HTML-tags, but that gets ignored and filtered out on saving the entry.

Many thanks.

Attachment glossary-italics.png
Average of ratings: -
In reply to Cari Jansen

Re: How to Italicise Concept text in Glossary

by Jon Bolton -
Picture of Particularly helpful Moodlers Picture of Testers

You can add styling to your custom CSS if your theme allows it. Try

.autolink {font-style: italic;}

But! Both bold and italic text are listed as a WCAG Level A errors because most screen readers will NOT announce these changes to the screen reader user. So you might be safer to use a colour instead, eg.

.autolink {background: #ffff00;}
Average of ratings: Useful (1)
In reply to Jon Bolton

Re: How to Italicise Concept text in Glossary

by Cari Jansen -
Super, thanks Jon!    

I forgot about the custom CSS option smile  Will give that a try. Thanks for the WCAG reminder as well


In reply to Cari Jansen

Re: How to Italicise Concept text in Glossary

by Jon Bolton -
Picture of Particularly helpful Moodlers Picture of Testers

Great, pleased it works for you.

I forgot to add... you can target individual glossaries as well. I did something recently where we had two glossaries: one for “need to know” and the other for “useful reading, but nice to have”.

.cmid-78 .autolink {background: yellow;}
.cmid-79 .autolink {background: green;}

where 78 and 79 are your Glossary ID numbers (look at the end of the url).

Average of ratings: Useful (4)