Brand new Moodle theme released! Based on Boost and packed with exciting new features.
View Demo
This product is deprecated and no longer available.
Looking for a Boost-based Moodle theme? Checkout our new products.
Live Demo

Moodle Theme Element

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.

Single Application License

$99

Unavailable

Multiple Applications License

$499

Unavailable

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!

Description

Theme Summary

  • Theme Version: v2.1 (2018-06-29)
  • Compatibility: Moodle 2.9-3.5
  • 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 Moodle Static Pages Plugin New
  • Supports Moodle social logins (Facebook/Google/Linkedin/Microsoft) New
  • Supports popular Moodle course format plugins: Grid, Buttons and Collapsed Topics New
  • Supports Moodle Atto plugins New (Full screen and Templates)
  • Supports Moodle Level Up! Plugin New
  • Supports FontAwesome icons (600+ icons)
  • Supports Bootstrap components (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

2018-06-29: v2.1
  • Theme improvements and bug fixes
  • Removed hardcoded plugin styling
  • Affected files & folders: element > style (changed) >element > layout > includes > header.php element > version.php (changed)
2018-05-10: v2.0
  • Updated the theme to support Moodle’s GDPR updates
  • Theme improvements and bug fixes
  • Added built-in styling for Moodle static pages
  • Added custom styling for course formats: Grid, Buttons and Collapse Topics
  • Affected files & folders: element > style (changed) element > layout (changed) element > classes element > version.php (changed)
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