Themes: Essential

theme_essential
Maintained by Gareth J Barnard Gareth J Barnard
Essential is a clean and customizable theme. Essential is tested and tried by thousands of users, and ranks number one for all available third party themes.
10571 sites
18k downloads
235 fans

The "Essential" Moodle Theme
=========================

With 2.5 now released Julian thought it time to take the opportunity to build a new theme that would push the new theme engine to it's limits a bit.  With that in mind he introduced the new "Essential" theme.  Now Julian has left us for Canvassian adventures, David and Gareth took over development and maintenance.  And now David has left for pastures new, Gareth continues to maintain and make improvements.


The idea of this theme is to make the site look as little like Moodle as possible. In this specific instance, it would be used on sites where Moodle would potentially serve as a company homepage rather than just a course list.


Cool things to know about the theme.

  • It attempts to load as many as possible icons from a font
  • Most of what you think are "graphics" are actually the [Awesome font](http://fortawesome.github.io/Font-Awesome/)
  • The slider on the front page is completely customisable through theme settings.
  • I am really trying to push what [Bootstrap](http://twitter.github.io/bootstrap/) Grids can do.  As such the theme is fully responsive.
  • The footer is all custom Moodle regions.  This means blocks can be added.
  • The theme can use [Google web fonts](http://www.google.com/fonts/) to give it that extra bit of shazam!
  • Social network icons appear at the top of the page dynamically based on theme settings.
  • The entire colour scheme can be modified with theme settings.

Support:

Please see the 'Support' section in 'README.txt' file that comes with the theme.

Reporting issues:

Please read the 'Reporting issues' section in 'README.txt' file that comes with the theme before posting / contacting me.  If there is any missing information then I'll only ask for it which will delay you getting a solution to your problem.

Video Promo:


Versions:

Please note that previously the version for Moodle 2.6 was 2.7.x as well, but since these versions are now separated we also lowered the displayed version number.
 

Moodle Version

Essential Version

Status

2.5 2.5.8Last release for M2.5
2.6 2.6.11Last release for M2.6
2.7 2.7.9.5.2Last release for M2.7
2.82.8.1.10 Last release for M2.8
2.9 2.9.1.20
Current version
3.0 3.0.1.13Current version
3.1 3.1.1.4Current version
3.2 TBADetails to follow
 

For more information visit the official Essential theme website at: http://gjb2048.github.io/moodle-theme_essential/

Screenshots

Screenshot #0
Screenshot #1

Contributors

Gareth J Barnard
Gareth J Barnard (Lead maintainer)
Julian Ridden
Julian Ridden: Original author
David
David Bezemer: Contributor
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Gareth J Barnard
    Fri, 21 Oct 2016, 3:10 AM
    Hi Zak,

    Do you mean the menu or the settings?

    Gareth
  • Picture of Cris Valenzuela
    Mon, 24 Oct 2016, 12:48 PM
    Hi Gareth,

    Another issue pertaining to the Question bank, when you open "Questions" under "Question bank" the whole page is not loading.

    Below is the link for the screenshot:

    https://drive.google.com/file/d/0B87Rt_tuUFnxY1Q2bzlvNTlpWlE/view?usp=sharing

    Thanks
  • Gareth J Barnard
    Mon, 24 Oct 2016, 6:50 PM
    Hi Cris,

    Thanks for the screen shot. However you did not post in the themes forum (https://moodle.org/mod/forum/view.php?id=46) as requested with all the information I have asked for. Therefore I am not in full receipt of all the facts I need and in a position to reply with screen shots if required in a self contained thread that does not have other comments confusing things. Please kindly do as I ask.

    Gareth
  • Picture of Jamie Tinley
    Tue, 25 Oct 2016, 1:16 AM
    In Moodle 3.0.5 the horizontal scrollbar in grading fails to have a static student column as described in this Moodle Tracker link below. I have updated Essential theme and it still does not allow correct horizontal scrolling in grades. It works perfectly in theme Clean but fails in most of my other themes like Essential.
    https://tracker.moodle.org/browse/MDL-48169
    I read here https://docs.moodle.org/dev/Theme_upgrade_notes#Overflowing
    that it fails due to overflow: hidden rule set, or with a value provided for width or max-width. In order to use the new grader report as designed, allow it to spill out unconstrained - the floating headers will not kick in otherwise and pose a usability concern.
  • Gareth J Barnard
    Tue, 25 Oct 2016, 1:44 AM
    Dear Jamie,

    Ok, firstly, please post on the themes forum - https://moodle.org/mod/forum/view.php?id=46 - with a screen shot of the issue and full details (Moodle and Essential) versions.

    Secondly, I have literally spent days on this in the past. It is not to do with overflow but in fact to do with the unexpected position of the navbar being lower than the top for the JavaScript to work correctly. The current version avoids this core conflict by doing something else that prevents the core JS from making bad decisions.

    G
  • Gareth J Barnard
    Tue, 25 Oct 2016, 1:47 AM
    P.S. I just tested in 3.0.1.12 and cannot replicate.
  • Picture of Jamie Tinley
    Tue, 25 Oct 2016, 4:47 AM
    Sorry Gareth, will do.
  • Picture of Jeff Martin
    Sun, 13 Nov 2016, 6:35 PM
    Gareth

    We have selected Essential as our theme for a commercial eLearning site we are developing and understand from that the ability to include sliding photos (I think this is cSlider which can no longer be used due to T&C) has had to be removed from the theme. Would it be possible to develop similar functionality to Essential theme if so do you think this would be too expensive to be sponsored as we would be interested in assisting with the funding of this but maybe if you have had similar requests crowdfunding could be used. Appreciate you need an income and also probably get lots of requests which cause distraction to you - any thoughts?
  • Gareth J Barnard
    Sun, 13 Nov 2016, 9:20 PM
    Hi Jeff,

    Ok, re-visiting the source site: http://tympanus.net/codrops/licensing/ - it appears that I could use the code in a 'child theme' specific to you that was not re-distributed - I think. The reasons I had to remove it from Essential stem from their license and the fact that it is not (or does not appear to be) GPLv3 compatible, and thus I would be unable to continue to publish the theme on Moodle.org (or perhaps anywhere). I'm not sure if it would be a violation of the GPLv3 license if used in a child theme for a specific site, what do you think?

    In terms of the functionality, I did implement a 'beside' option. Additionally, for accessibility reasons 'sliders' are going out of fashion.

    So.... therefore I believe the simplest solution would be a 'child theme' specific to you after the GPLv3 license has been clarified for that situation.

    Kind regards,

    Gareth
  • Picture of Ryan B
    Wed, 16 Nov 2016, 6:17 AM
    Just updated to newest version of Moodle (3.1.3) and the newest essential (3.1.13). Unfortunately, issue #780 was not fixed; the alternating grades in the Gradebook Setup are still not being shown.
  • Gareth J Barnard
    Wed, 16 Nov 2016, 6:38 AM
    Hi Ryan,

    Ok, prove it by posting evidence (after Purging all caches and getting the version number to be a correct one) in the themes forum. I tested https://github.com/gjb2048/moodle-theme_essential/issues/780 and it has been fixed, unless you are thinking of something else.

    Gareth
  • Gareth J Barnard
    Thu, 17 Nov 2016, 12:58 AM
    Ok, issue #780 is still an problem in M3.1, I've spent most of the day working on it, please test: https://moodle.org/mod/forum/discuss.php?d=343033#p1383076.
  • Picture of Mei Ling
    Fri, 25 Nov 2016, 10:17 AM
    May i know how to increase the font size for the theme?
  • Picture of Martin Greenaway
    Fri, 25 Nov 2016, 6:17 PM
    The easiest way to change the font size would be to do this in CSS in Appearance -> Themes -> Essential -> General

    This would allow you to target specific selectors if you wish.
  • Gareth J Barnard
    Sun, 27 Nov 2016, 8:23 PM
    Hi Mei,

    Martin's solution may not be the complete story if you want to change every selector where font size is defined. As the theme comes with NO support any I give would have to be paid for time.

    Kind regards,

    Gareth
Please login to post comments