Select Moodle version:

Themes: Simple

Simple design, follows the best practice of responsive web design.
Maintained by: Picture of E-Learning ZHAW E-Learning ZHAW


Simple template to extend the standard theme

Key features

  • Simple design
  • Multi device optimized: "Simple" follows the best practice of using responsive web design, namely serving the same HTML for devices and using only CSS media queries to decide the rendering on each device
  • Easy to change the template color
  • Possible to use different colors for different departments for example
  • The front-page design uses blocks in the content area and displaying them as boxes
  • Changeable columns and height in "My home" for each user
  • Changeable font size for each user

Here's what it looks




Picture of E-Learning ZHAW
E-Learning ZHAW (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Plotin
    Sat, Aug 10, 2013, 11:56 PM
    I have the same problem as Don and Ricardo (in moodle 2.5): Installing of theme "simple" possible, but you cant configurate it. I have installed several other themes the same way, everything OK and configurable.

    I am very interested in the theme "simple", thanks for help!
  • Plotin
    Sat, Aug 10, 2013, 11:58 PM
    …and – by the way – same problem with "standard fluid": Installing possible, but no configuration of it.
  • Picture of E-Learning ZHAW
    Mon, Aug 12, 2013, 12:41 AM
    Hi Simon
    Thanks for your comments.
    In both themes, there are no configuration options. If you want to change something, you have to edit the HTML/CSS/JavaScript code.
    What kind of configuration would be helpful for you? We could think of implementing them...
  • Plotin
    Tue, Sep 24, 2013, 4:08 PM
    OK, thank you. I would like to change the logo, for example. But I think, I have to consider css and JavaScript, for really configuring the theme to our needs.
  • Picture of E-Learning ZHAW
    Tue, Sep 24, 2013, 7:13 PM
    That's correct.
    The Logo you can simply overwrite here: theme/simple/pix/logo.png
    If you like to change the color of the theme, search for Colors in theme/simple/style/simple.css and overwrite the hex color.
  • Anya Zinoveva
    Tue, Jan 14, 2014, 4:53 AM
    I noticed that this template does not display the footer I placed within Site Administration > Appearance > Additional HTML > Before BODY is closed. Is there a way I can bring it back?
  • Picture of E-Learning ZHAW
    Tue, Jan 14, 2014, 3:17 PM
    Hi Anya

    You can add following code in frontpage.php, general.php (in layout folder):

    <div id="page-footer">
    <?php echo $OUTPUT->standard_footer_html(); ?>
    <div class="clearfix"></div>

    After this code: <div id="page-footer" class="clearfix"></div>
  • Picture of Jules Phillips
    Fri, Jan 31, 2014, 11:54 PM
    Where do I find the code to edit the width of the left column?
  • Picture of E-Learning ZHAW
    Tue, Feb 11, 2014, 5:52 PM
    Hi Phillips

    Sorry for my late reply.
    That's a very difficult task.
    You have to overwrite css id’s from Standard theme, because Simple theme does extend the Standard theme.
    You could try overwriting following id's:
    #page-content, #region-pre, #page-content, #region-main-box , #region-main
    I would do it in the file: style/fluid.css
  • Picture of iesninfo iesninfo
    Thu, Mar 13, 2014, 6:17 PM

    We installed your theme that we like a lot ...
    We would like to make visible the list of all courses available on the home page.
    Is it possible in this theme?

    Best regards
  • Picture of E-Learning ZHAW
    Fri, Mar 14, 2014, 11:35 PM
    Nice to hear that you like the theme a lot.
    You can choose "Add Block" -> "Courses". We are showing the courses on our home page ( is well.
  • Picture of Jean-Luc Scheidegger
    Thu, Mar 27, 2014, 9:41 PM
    I love this theme !!
    Little problem : I tried to change the logo but it doesn't change even after clearing the cache. Any idea ?
  • Picture of E-Learning ZHAW
    Thu, Mar 27, 2014, 10:06 PM
    Hi Jean-Luc
    Nice to hear that you love the theme.
    You can change the logo here: theme/simple/pix/logo.png
    If you still see the old logo, you have to clear the browser cache and the moodle cache: Site administration > Development > Purge all caches
  • Picture of Jean-Luc Scheidegger
    Thu, Mar 27, 2014, 10:06 PM
    Thanks for the reply.
    I did clear the cache and the browser cache. No success
  • Picture of Jean-Luc Scheidegger
    Thu, Mar 27, 2014, 10:14 PM
    Did it again and finally it works.
    Thanks a lot
1 2 3
Please login to post comments