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

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s