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.

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:

    http://yourdomain/folder/imagename.jpg

     

    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.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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

Need more Help?

Search

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: support@InMotionHosting.com
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!