---
title: "Customizing the Moodle Frontpage Appearance"
description: "By default, Moodle 2.3 will show courses and categories on the Front page. This can be removed to display the home page as a website, instead of a list of Courses and Categories. That way, when the..."
url: https://www.inmotionhosting.com/support/edu/moodle/customize-front-page/
date: 2012-12-04
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["Moodle"]
type: post
lang: en
---

# Customizing the Moodle Frontpage Appearance

[![create-page-no-course-1-begin-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-1-begin-1024x693.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-1-begin.gif)

By default, Moodle 2.3 will show courses and categories on the **Front page**. This can be removed to display the home page as a website, instead of a list of Courses and Categories. That way, when the website is visited, the Front page will display information about the Moodle site, instead of activities a student would need to see. In this tutorial, the Categories and Courses will be removed from the Front page and replaced with HTML, images, and a table.

### Creating a custom Front page

1. [Log into the Moodle Dashboard](/support/edu/moodle/moodle-login-administrator/) **Important!** Keep in mind that [Editing must be turned on](/support/edu/moodle/creating-courses-in-moodle/) in the Settings section in order to edit any of these options.
2. [![create-page-no-course-1-select.-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-1-select.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-1-select.gif) Navigate to **Front page settings** > **Edit settings** in the Settings to the Left.
3. [![create-page-no-course-2-front-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-2-front.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-2-front.gif) On the **Front page settings** page, **Select None** for the **Front page** and the **Front page items when logged in **drop boxes to remove the Categories and Courses from the Front page. **Click Save changes**.
4. [![create-page-no-course-3-edit-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-3-edit.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-3-edit.gif) **Navigate to the Home page**. With editing on, the **Edit summary** link will display. **Click the Edit Summary link**.
5. [![create-page-no-course-4-summary-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-4-summary.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-4-summary.gif) On the **Summary of Site** page, the Front page can be customized with the WYSIWYG editor. HTML code can also be inserted into the Summary section with the HTML button in the WYSIWYG editor. Add images, text, tables, and more to customize the Front page. Once done, **click Save changes**. [![create-page-no-course-5-final-moodle](https://www.inmotionhosting.com/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-5-final.gif)](/support/wp-content/uploads/2012/12/edu_moodle_107_create-page-no-course_create-page-no-course-5-final.gif) Now when visiting the site, the Front page will look more like a website, instead of listing the courses.

This concludes the tutorial on Customizing the Moodle Front page Appearance. For more information on this Education course please visit [Changing the Appearance of Moodle ](/support/)