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.
2380 sites
41 fans


  • 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 Martijn Menting
    Fri, 20 May 2016, 2:37 PM
    I installed this Theme on Moodle 3.0.3. The problem is that the Pull Down menu on the right Top is not aviable. When i click on the pull down menu (my Name) then nothing happend. What can be the problem. It accured at Firefox and IE
  • Picture of Bas Brands
    Fri, 20 May 2016, 4:13 PM
    Hi Martijn.

    Could you please report this on : ?

    When reporting please include a screenshot showing the page with the JavaScript console opened and the page re-loaded.

  • Picture of Annick F
    Tue, 14 Jun 2016, 7:00 PM
    First, I just one to say this is one of the best Moodle theme I have seen.

    I am having a few issues that I don’t seem to be able to resolve:

    1-when using IE, the login screen does not display background images – It works fine when using Chrome or Firefox.

    2-The marketing spots and quick links will not show before login when selecting : “Always Show” or “ show before login only”.

    3-When using the collapsed topic I can only display one column, I understand some work has already been done on it ( but not sure how to use the github. Where can I download the latest version of the theme?



  • Picture of Martijn Menting
    Wed, 15 Jun 2016, 6:22 PM
    How can i change the height of the footer. I changed the Custom.css but nothing occures. Can you give me a hint to do this?
  • Picture of Bas Brands
    Wed, 15 Jun 2016, 6:27 PM
    @annick, @martijn:

    Thanks for using elegance and please report issues on the bugtracker:
  • Picture of Sean Marx
    Thu, 7 Jul 2016, 2:55 PM
    Thanks for a really good theme. Most of my clients have an Elegance theme with a few small tweaks.

    A client theme built using Elegance:
  • Picture of Victor Santos
    Fri, 22 Jul 2016, 7:48 PM
    Thanks for this great theme!
    I have a small issue! I set the Max page width to 1400 px (I need this size). I inserted a slide image with the dimensions of 1400x400px
    But the image doesn't fit well, it cuts the bottom, you can see in this screenshot:
    Is there a fix for this issue?
    Thank you
  • Picture of Brent Lancaster
    Tue, 26 Jul 2016, 5:54 AM
    I love this theme but would love to upgrade to 3.1. Can anyyone tell me when/if this will be available for 3.1 or if I can use the 3.0 version? My developer suggested I wait.
  • Ricardo Caiado
    Tue, 2 Aug 2016, 5:29 PM

    Elegance build "2016080100" requires Bootsrtap build "2016080100", but there is no such build to dowload, only build "2016072900".

  • Picture of Bas Brands
    Tue, 2 Aug 2016, 8:25 PM
    Hi Ricardo, thanks for letting me know. I just made sure the right Bootstrap version is available too
  • Ricardo Caiado
    Tue, 2 Aug 2016, 8:33 PM
    Themes updated!!!
  • Picture of Matt Geezil
    Wed, 10 Aug 2016, 11:33 PM
    Hi Bas,

    Thirst of all, thanks for your effort and the great work you´ve done. I´ve noticed a possible bug in the 3.1 version. The font fontawesome (ttf/woff/woff2) is not is not displayed and I get a 404. The URL to the font is: If I change it to (?-->&) the font is accessible. Is this some kind of bug in the theme or a misconfiguration of my system (Turnkey appliance)?

  • Picture of Annick F
    Tue, 6 Sep 2016, 5:38 PM
    Has the custom "user menu" disappear from the newer version?
    I have also tried to modify the user menu using 'User menu items
    customusermenuitems' on the theme settings page with no luck. Any advice?
    Many thanks
  • Picture of Margaret Richards
    Tue, 22 Nov 2016, 6:32 AM
    Hello, I was using this theme in Moodle 3.0 just fine. When I installed Moodle 3.1 with a new host and imported my course, I can no longer see bullets in, for example, Book contents and descriptions of SCORM activities. The HTML is correct (it has the correct list syntax) - it worked fine in the Moodle 3.0 version. I'm using the most recent version of the Elegance theme. Help!
  • Ricardo Caiado
    Wed, 7 Dec 2016, 9:01 PM
    Any upgrade to Moodle 3.2?
1 2 3 4 5 6 7 8
Please login to post comments