Your Moodle version

Themes: Elegance

Maintained by Picture of Danny Wahl Danny Wahl
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.




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

Comments RSS

Show comments
  • Picture of Job Cespedes
    Sat, Aug 2, 2014, 12:14 AM
    We have version 2.6.2 with some customizations. One problem I have is that if login as another user, I can't find the link to return to the previous user. I had to log out from the site. Any idea?
  • Picture of Mukarram Syed
    Wed, Aug 6, 2014, 10:00 PM
    The first screenshot shows the "My courses" block with the images and hover effect. I installed the latest 2.7 moodle version but I am not able to see this on the My Courses block. Its just the default list of enrolled courses that comes with moodle. I have even uploaded an image in the course settings, but nothing. Is there something I am missing?
  • Picture of Marten van der Molen
    Thu, Aug 14, 2014, 7:50 PM
    at the quick link section, I wanted to change the colour of the first button, I changed it in the settings, saved it, but the button wont change colour. is this a bug or do I do something wrong? the other buttons do change colour btw.
  • Picture of sue sugizaki
    Mon, Aug 18, 2014, 3:21 PM
    Category icons don't appear.
  • Picture of Marten van der Molen
    Thu, Aug 21, 2014, 7:41 PM
    Good thing we get a response from the publishers -_-
  • Picture of Santiago Moral Castillo
    Wed, Sep 3, 2014, 10:55 AM
    Hi Danny, great theme. I have installed the last version and I the course icons in My Home page don't appear. Did you removed them?
  • Picture of Simon Clegg
    Mon, Sep 8, 2014, 2:35 AM
    I'd like to be able to change the colours of each of the Category custom icons. What's the best way to do this?
  • Picture of Edelmann Gutierrez
    Tue, Sep 30, 2014, 5:06 AM
    Inside a course when trying to hide a section or item, if you have the ajax enabled there is a problem, the section will hide but also the section will be disabled, so you need to reload the whole page so you can unhide the section, and when it comes to an item, the item simply won´t hide, theres a fix for this trying to disable the ajax from the whole site, but i dont really call this a fix. i would apreciate any help


    Moodle Version 2.6
    Elegance: 2.7.1
  • Picture of Debora Alavarce
    Wed, Nov 12, 2014, 1:36 AM
    Congratulations on topic.
    We are having trouble assembling the slideshow.
    What are the specifications of images that should make the slideshow?

    thank you
    São Paulo / BR
  • Picture of Chris Chapman
    Tue, Nov 25, 2014, 7:14 PM
    Hi. I know lots of themes have had issues with the new gradebook in 2.8, wondered whether a 2.8 compatible version (or patch) is being worked on? Many thanks,
  • Picture of Przemyslaw Stencel
    Thu, Jan 22, 2015, 11:04 PM
    Hi, I'd like to use this theme on a moodle 2.8.x site, but as of now it's not yet officially compatible with 2.8. Is an update planned some time soon? If not, what problems can I encounter if I use Elegance on a 2.8 site? Is it just the fact that the user menu is not supported? Or is there anything else?
  • It's only an avatar...
    Sat, Jan 24, 2015, 7:13 AM
    I am trying to get Elegance working in Moodle 2.8 and not having much luck. I think I have fixed a problem in the renderers/core_renderer.php which relates to the user Menu. However neither Bootstrap nor Elegance CSS is working so my site is broken. I am just going to reset my server see if that makes any difference. If not then I will un-install both themes and start over again. Very frustrating and disappointing. I have also come across a missing string to do with messaging.
  • Picture of Torsten Händler
    Wed, Jan 28, 2015, 7:12 PM
    Well I got the theme work on Moodle 2.8.2+ and everything is fine, you have to change the
    public function user_menu() to public function user_menu($user = NULL, $withlinks = NULL) in the core_renderer.php in the theme and in the bootstrap theme and everything works
  • Picture of Aaron Batty
    Sat, Feb 21, 2015, 10:06 AM
    Something has changed about how Firefox is handling the background slideshow in Elegance 2.6.2 on a Moodle 2.6 server. The first image loads great, but then the others get weirdly cut:

    This was working great until December or so, and still works great in Webkit browsers and even in IE. Just Firefox is having the issue, which is annoying, because I'm a Firefox die hard.

    A friend of mine had this to say:

    I assume the issue is that the background image is getting cropped in FF. The "backstretch" DOM element has an inline style that sets overflow:hidden, and FF interprets where content ends in some funny ways. There isn't a reason for this overflow property since it appears there is some JS that is setting an explicit height on that object ... if you have access to whatever is creating that inline style, and you can just tell it not to add that overflow property, that would be the best. ... To override that inline CSS you can add this to the appropriate CSS file:
    .backstretch { overflow: auto !important; }

    I tried commenting out "overflow: hidden" in backstretch_2.0.6.js, but it didn't work. Any ideas on what .css file I need to edit to try this suggestion?

    I realize that I'm running older versions of everything, but Moodle has become such a house of cards that I just try not to touch anything once I get it working. Also, I've customized this theme a bit, and I don't have time to slot those changes into a new version right now...
  • Picture of Juls Allen
    Thu, Mar 19, 2015, 2:26 PM
    I can't see My Courses block in my site.
1 2 3 4 5
Please login to post comments