Brand new Moodle theme released! Based on Boost and packed with exciting new features.
View Demo

Announcement:
This theme is now compatible with Moodle 3.4

Live Demo

$99

Buy Now

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.

Description

Theme Summary

  • Theme Version: v1.9
  • Compatibility: Moodle 2.9-3.4
  • 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 elearning@3rdwavemedia.com

FAQ

Theme FAQ

Once installed you can go to the theme settings page to configure the theme: Site administration > Appearance > Themes > Element

You need to replace the whole theme folder with the new one to ensure you don’t miss any changes. Also remember to purge the Moodle cache to see all the changes.

No, you won’t. All of your theme configurations are safely stored in your database so you won’t lose anything.

Yes. If there is an available update for the theme version you bought we will email the update to you absolutely free. You can check the theme Changelog to see the theme updates. Please make sure you whitelist our email (elearning@3rdwavemedia.com) so the update emails don’t end up in your spam folder!

Please email us at elearning@3rdwavemedia.com with your Moodle version/build and theme version so we can investigate and fix the bug/issue for you asap.

Installation

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

For more detailed instructions, please check out our tutorial here.

Changelog

Changelog

2017-12-07: v1.9

  • Fixed “add section” modal issue
  • Changed some icons to improve the usability
  • Affected files & folders:
    element > style (changed)
    element > pix_core (changed)
    element > version.php (changed)

2017-11-13: v1.8

  • Updated the theme to work with Moodle 3.4
  • Fixed hamburger menu toggle issue
  • Affected files & folders:
    element > style (changed)
    element > layout > includes > header.php (changed)
    element > javascript > includes > main.js (changed)
    element > version.php (changed)

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)

Changelog

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

Credits

Theme Credits