InMotion Hosting Support Center

Another feature in Changing the Appearance of Moodle themes is the ability to edit the footer and logo. Not all themes have the same editing capabilities; however, theme with logo options work the same. The image is uploaded to the server and then linked in the Moodle theme Logo setting. The following tutorial will explain how to upload the logo and change the Footer text in the Afterburner theme. In this article, we will cover changing the logo and footer in Moodle themes.

Editing the Logo and Footer in Moodle themes

  1. Log into the Moodle Dashboard
  2. change-logo-footer-1-select-moodleNavigate to the Site Administrator > Appearance > Themes > Theme selector in the Settingson the left.

    Important! The standard Moodle theme does not have an option to edit the footer or logo. To have a custom logo and footer, a different theme will need to be selected. In this tutorial, the Afterburner theme is used. If you don't know how to change the theme, please see the article, Changing the default Standard theme in Moodle.

    change-logo-footer-1a-moodle The default Afterburner logo looks like the snapshot to the right.

  3. change-logo-footer-2-edit-moodleThe Next page that displays is for changing the logo, footer and custom CSSproperties. This tutorial will focus only on the Logo and the Footer for the Afterburner theme. Different themes have different properties in this section. The Logo and the Footer sections are the same for all of the themes.

    Logo: The logo will very between each theme. The logo section will give instructions for the parameters for the logo to display correctly. For the Afterburner theme, the logo must be 320px wide by 75px high.

    The logo will need to be uploaded to the server in order to link it. For information on how to upload files to the server, please visit How to upload a file using File Manager in cPanel (for cpanel) or How can I use FTP to upload my files? (for FTP).

    The link will look similar to the following, depending on where it was uploaded:



    Footnote: This section allows for the footer text to be edited. Enter the Text to display on the footer.

    Custom CSS: Custom CSS can be set up in this box. This is not going to be addressed in this tutorial. Some themes do not have this option available.

    Click Save changes.

  4. change-logo-footer-3-clear-cache-moodleOnce the theme logo and footer are updated, the Theme cache will need to be cleared to display the new appearance. Navigate back to the Theme selector for the theme and click Clear theme caches on the top right corner.
  5. change-logo-footer-4-final-moodleNow the new logo and footer will show in the theme.

Congratulations, the Logo and footer for the theme was updated. This concludes the article for Changing the Logo and Footer in Moodle themes. If you missed the previous article on Configuring the Navigation block in Moodle, please visit it now. Please see the next tutorial on Manually installing a theme for Moodle 2.3.

Was this article helpful?
Continued Education in Course 107: Changing the Appearance of Moodle
You are viewing Section 2: Changing the Logo and Footer in Moodle themes
Section 1: Changing the default Standard theme in Moodle
Section 3: Adding a logo through the theme code in Moodle

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!