This theme is now compatible with Moodle 3.3

Live Demo


License :

Single Application License: $99 | Multiple Applications License: $399

(License details)

100% Money-Back Guarantee

We confidently offer a 100% money-back guarantee with all of our Moodle/Mahara themes. If you decide you don’t want to use it and email us why within 30 days of buying, we promise you a full refund – no questions asked!

Element is a responsive Moodle theme inspired by Google Material Design. It uses Material Design’s vibrant colour palette so it’s ideal for schools and colleges. The landing page adopts the popular card-based design and you can add up to 6 promotional items and 3 featured items to market your content or courses. This theme is built on the Bootstrap 3 framework and you can easily add useful Bootstrap components to your Moodle courses (example 1 | example 2). For full theme features please check out the theme demo and the feature list below.


Theme Summary

  • Theme Version: v1.7
  • Compatibility: Moodle 2.9-3.3
  • Theme Parents: Moodle Bootstrap Theme (Bootstrapbase)

Theme Features

  • Responsive design
  • Custom logo
  • Custom menus
  • User menu
  • Moodle Dock
  • 2 columns fluid layout – Left/right sidebar
  • Frontpage background slideshow(add up to 4 slides)
  • Frontpage promo blocks(add up to 6 items) NEW
  • Frontpage featured blocks(add up to 3 items) NEW
  • Header/Footer widget areas
  • Footer social media section
  • Page “back-to-top” link
  • Custom CSS
  • Google analytics
  • Supports FontAwesome icons (600+ icons) NEW
  • Supports Bootstrap components NEW (Basics | Advanced)
  • Supports Bootstrap Glyphicons
  • Supports Responsive Video (YouTube/Vimeo)(Learn more)
  • Compatible Browsers: Latest IE, Latest Chrome, Latest Firefox, Latest Safari

Theme Installation

  1. Download the theme zip file
  2. Extract the /element/ folder and the files.
  3. Upload the /element/ folder to your hosting server’s Moodle theme directory:
    Your Moodle installation > theme > element
  4. Log into your Moodle site as an admin, and navigate to the theme selector:
    Settings > Site administration > Appearance > Themes > Theme selector
  5. Click “use theme” next to the element theme to activate

Theme Support

If you would like to report theme bugs and issues, please email us at with your purchase receipt.

Please note: theme support does not include client-specific customisations and installations.



21/07/2017: v1.7

  • Added frontpage 6 promo blocks
  • Added frontpage 3 featured blocks

15/05/2017: v1.6

  • Updated to work with Moodle 3.3
  • Minor styling improvement
  • Affected files & folders:
    element > style (changed)
    element > javascript > main.js (changed)
    element > version.php (changed)

11/04/2017: v1.5

  • Minor bug fixes
  • Affected files & folders:
    element > style (changed)
    element > settings.php
    element > version.php (changed)

09/12/2016: v1.4

  • Fixed Moodle Usertour modal styling issue
  • Affected files & folders:
    element > style (changed)
    element > version.php (changed)

12/11/2016: v1.3

  • Updated Bootstrap to v3.3.7
  • Updated FontAwesome to v4.7.0
  • Minor theme improvements
  • Affected files & folders:
    element > style (changed)
    element > fonts (changed)
    element > pix_core (changed)
    element > jquery > bootstrap_plugins (changed)
    element > layout (changed)
    element > version.php (changed)

28/07/2016: v1.3

  • Fixed grader styling in Moodle 3.1
  • Minor bug fixes
  • Affected files & folders:
    element > config.php (changed)
    element > layout/embedded.php (added)
    element > layout/includes/fonts.php (changed)
    element > style/font-awesome.css (changed)
    element > version.php (changed)


17/07/2016: v1.1

  • Added support for global search in Moodle 3.1
  • Added Vimeo to social media links
  • Theme improvements
  • Minor bug fixes
  • Affected files & folders:
    element > fonts (changed)
    element > layout (changed)
    element > pix_core/a/ (changed)
    element > style (changed)
    element > settings.php (changed)
    element > version.php (changed)

12/02/2016: v1.0

  • Initial release


Theme Credits