How to Change Moodle Themes

change moodle themes hero image

In addition to default Moodle themes, there are custom themes you can use with your Moodle site. These themes are often provided by custom theme sites or purchased from software developers. In this article we will discuss how to change between the default themes that were included in your Moodle installation and custom themes.

Topics Include:

Moodle Default Themes

When installing and working with Moodle for the first time, the default theme Standard is set as the theme or template for the site. To customize the look of the Moodle site, Moodle includes 12 different themes that can be used for free. The initial installation of Moodle comes with the following themes:

  • Afterburner
  • Arialist
  • Brick
  • Formal white
  • Fusion
  • Magazine
  • MyMobile
  • Nimble
  • Nonzero
  • Overlay
  • Sky High
  • Splash

How to Change Moodle Themes

  1. First, log into the Moodle Dashboard.
  2. Navigate to the Site administration > Appearance > Themes > Theme selector in the Settings section on the left.
    changing-themes-1-click-moodle
    Current Theme Device Types
    DefaultThe default theme is the standard theme for the Moodle site. This is what a user or student will see in a standard web browser like Internet Explorer, FireFox, or Safari.
    LegacyThe Legacy theme is designed to work in old out of date browsers.
    MobileThis gives the Moodle site the ability to display in common mobile devices like iPhones.
    TabletThis theme Device type is designed to display the Moodle site specifically for tablets. This is good for sites that require less JavaScript.

    In this tutorial, the standard theme will be changed. In the information column, click the Change Theme button for the standard default theme.

    changing-themes-2-default-moodle
  3. On the Select theme for default device page, select a theme from the list In this case the Afterburner theme will be selected. On the Information column, click the Use Theme button for the Afterburner theme.
    changing-themes-3-select-moodle
  4. On the New theme saved page, basic information about the new theme that was selected will be displayed. Click Continue.
    changing-themes-4-new-moodle
  5. Now when going to the theme selector page the new theme will display in place of the old theme.
    changing-themes-5-final-moodle

Congratulations, the theme for your Moodle site was changed!

Trust your website to an industry leader in website hosting. Secure web hosting with InMotion Hosting and enjoy 99.99% uptime, 24/7/365 technical support, and risk-free money-back guarantee.

Comments

It looks like this article doesn't have any comments yet - you can be the first. If you have any comments or questions, start the conversation!

Was this article helpful? Let us know!