Your Moodle version

Themes: Simple

Maintained by Picture of E-Learning ZHAW E-Learning ZHAW
Simple design, follows the best practice of responsive web design.
Moodle 2.1, 2.2, 2.3


Simple template to extend the standard theme

Key features

  • Simple design
  • The front-page design uses blocks in the content area and displaying them as boxes
  • Possible to use different colors for different departments for example
  • Easy to change the template color
  • 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

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