Custom Topic icons

I have been doing some work for a client on trying to make the content in their Moodle courses a little more appealing to the students. One of the things they asked for was a custom section header.

The section headers I created for them are shown below – the blue bars with the double chevron arrows on the left. This I did using a simple update to the stylesheet to override the existing look.

The icon to the left though is something I stumbled upon that’s really easy to add.


To add the icon to the Topic bar, simply insert the HTML decimal code into the section name and you are done. Unfortunately they do not pull through to the Mobile application.


Here is a link to the site where I found these codes:

Leave a Reply

Your email address will not be published. Required fields are marked *