Your Moodle version

Themes: Elegance

Maintained by Picture of Bas Brands Bas Brands
Elegance is a beautiful two column Moodle theme with robust functionality and lots of custom settings.


  • Font Awesome icons
  • Google Web Fonts
  • Custom "Quick Links" and "Marketing" spots
  • Custom "Front Page Content" and "Footer" content
  • Custom colors
  • Custom "User Menu"
  • Custom log in screen


A video showing many of the core features is available for viewing at Vimeo.

If you would like to see it in action, head to the 2014 iMoot site.



  • This theme requires the theme "Bootstrap". If you're using Moodle auto-updater it will automatically install it too.
  • Please do not use the github version of this theme in a production environment. The current plugin repository version will always be the most stable.
  • Please don't ask for support in the comments section here- there's no easy way for me to discuss with you.  Use the "Discussion" thread under "Useful Links" below.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5


Picture of Bas Brands
Bas Brands (Lead maintainer)
Julian Ridden
Julian Ridden: Original author
Picture of Danny Wahl
Danny Wahl: Previous maintainer
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of merrin bennett
    Tue, Dec 1, 2015, 6:27 AM
    Hi, I'm running Moodle v3.0+ and the latest version of Elegance. The theme is working responsively with Firefox and Safari and Chrome but it shatters in IE11 - have tried numerous pcs. Is anybody else experiencing this? site is Anybody have a fix?
  • Picture of Bas Brands
    Tue, Dec 1, 2015, 5:31 PM
    Hi Merrin. Thanks for reporting this issue.
    I have added it as an issue on github. See

    I have already fixed this issue and updated the code on the version you can download from Github. Hope this helps
  • Picture of Angie Johnson
    Wed, Dec 2, 2015, 11:03 PM
    I am running 2.7 with Elegance and noticed that the categories with long names don't look right. I see this was fixed in the 3.0 version. Can anyone tell me if there is a fix that I can apply for 2.7? We are not ready to upgrade to 3.0 yet. Thank you!!
  • Picture of merrin bennett
    Thu, Dec 3, 2015, 11:06 AM
    Thanks Bas - working brilliant now in Moodle v3 and IE11
  • Picture of Charlie Horwood
    Fri, Dec 4, 2015, 5:54 PM
    Hi, I have just updated to the latest version of the theme via Moodle notifications updates and I can't find the layout file to edit the login screen as in the previous version I added an extra text content box above the login box and now I can't do it. Any help with this would be greatly appreciated.

  • Picture of Rhonda Lundquist
    Fri, Dec 11, 2015, 2:45 AM
    We are currently using this theme on 2.6 but need to upgrade to 2.7,but the way categories are displayed in 2.7 is causing problems for us. We have a multitude of courses in various categories and subcategories -- and even sub-subcategories. In 2.6, we don't enable category icons, so our course catalog appears as a list of categories which can be expanded to see the subcategories without leaving the primary catalog page.

    In 2.7, even after disabling category icons, the categories appear in a grid (and clicking on leads to a new page displaying the subsequent subcategories). This is much less usable for our students.

    Is there a way to replicate the list and collapsible categories behavior in 2.7? Would there be a snippet of css we can add to the them reformat the categories display from grid to collapsible lists?

    Thanks so much for any help!
  • Picture of Dominik Stuerzer
    Wed, Dec 16, 2015, 3:23 PM
    Hi Guys,
    thanks for the great theme! Is it possible to have one item in the menu navbar in another color than the others? I've got one item in the user_menu that should have the same color as my buttons on the page.

  • Picture of Bas Brands
    Wed, Dec 16, 2015, 4:17 PM
    Hi Dominik,

    Unfortunately that is not a feature of this theme. Perhaps you can do it using the custom css box and add something like:
    #moodle-navbar ul > li:nth-child(2) {
    color: red;
  • Picture of Ella S.
    Tue, Jan 5, 2016, 5:21 PM
    I got 404 error font-awesome after theme update. More on forum -
  • Hello,

    Many thanks for this beautiful theme. We installed the Elegance successfully, however the social media icons have disappeared!!! Certainly the error is generated from our end, would you happen to have an idea what that error might be?? In the place of icons are very cute boxes, one identical to the other. Please how do we get the icons reinstalled??

  • Carlos Andrés Martínez Anguiano
    Wed, Jan 6, 2016, 10:31 AM
    Hi, I've installed this theme and it's great, but I have a problem with the "cross" icon used for moving activities and resources in the course page: it falls behind the "Edit" Menu, making it unaccesible for select. I've tried with firefox and Chrome with the same results. Is there a way to fix this issue? Thanks in advance.
  • Picture of Bas Brands
    Thu, Jan 7, 2016, 6:05 PM
    @Nuel: This bug might have been fixed recently on the GitHub version of the theme. Could you try installing that version?
    @Carlos: Could you report this issue on and add a screenshot?
  • Picture of Diego Maca
    Mon, Jan 11, 2016, 10:52 PM
    Hi, I like this theme but I need to change logo's size (probably I need to change navbar height too) what file I have to modify?
    Thank you
  • Picture of Bas Brands
    Tue, Jan 12, 2016, 6:05 PM
    There is a custom css setting in the theme settings that will allow you to change / update any css.
  • Picture of Diego Maca
    Tue, Jan 12, 2016, 6:54 PM
    Thank you.
1 2 3 4 5 6 7
Please login to post comments