{"id":1991,"date":"2012-11-14T19:31:37","date_gmt":"2012-11-14T19:31:37","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/11\/14\/change-logo-footer\/"},"modified":"2021-09-10T13:40:01","modified_gmt":"2021-09-10T17:40:01","slug":"change-moodle-footer","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/","title":{"rendered":"How to Change Moodle Logo and Footer"},"content":{"rendered":"
\"change<\/figure>\n\n\n\n

Another aspect of changing the appearance of Moodle is the ability to change Moodle logo and footer page elements. Not all themes have the same editing capabilities; however, theme with logo customization options generally function the same way. 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 outline how to change Moodle logo and footer page elements. <\/p>\n\n\n\n

How to Change Moodle Logo and Footer <\/h2>\n\n\n\n
  1. First, log into the Moodle Dashboard<\/a>.<\/li>
  2. Next, navigate to the Site Administrator<\/b> > <\/span>Appearance<\/b> > <\/span>Themes<\/b> > <\/span>Theme selector<\/b> in the <\/span>Settings<\/b> on the left.<\/span>

    Important!<\/b> The standard Moodle theme does not have an option to edit the footer or logo, however it is possible to     remove it<\/a>. 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\u2019t know how to change the theme, please see the following article about changing Moodle themes.<\/a><\/span>

    The default Afterburner logo looks like the screenshot below:<\/p><\/div>\"change-logo-footer-1a-moodle\"<\/li>

  3. The next page that displays is for changing the <\/span>logo<\/b>, <\/span>footer<\/b> and <\/span>custom CSS<\/b> properties. 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.<\/span>

    \"change-logo-footer-2-edit-moodle\"

    Logo:<\/b> The logo will vary 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.<\/span> <\/b>The logo will first need to be uploaded to the server before it can be linked. For information on how to upload files, please visit <\/span>the following article for the     best ways to upload files to your server<\/a>.<\/span>

    The link will look similar to the following, depending on where it was uploaded:<\/b> <\/span>

    https:\/\/yourdomain\/folder\/imagename.jpg

    Footnote:<\/b> This section allows for the footer text to be edited. Enter the text to display on the footer.<\/span>

    Custom CSS:<\/b> 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. <\/span>

    Once done, click Save Changes<\/strong> to proceed.
    <\/li>
  4. After the theme logo and footer have been updated, the theme cache will need to be cleared in order to display the new appearance. Navigate back to the Theme selector for the theme and click <\/span>Clear theme caches<\/b> on the top right corner.<\/span>

    \"change-logo-footer-3-clear-cache-moodle\"<\/li>
  5. Now the new logo and footer will show in the theme.

    \"change-logo-footer-4-final-moodle\"

    <\/li><\/ol>\n\n\n\n

    Congratulations, you have successfully learned how to change Moodle logo and footer page elements!<\/p>\n\n\n

    Trust your business to an industry leader in fast and reliable website hosting solutions. InMotion Hosting offers secure web hosting<\/a> with 99.99% uptime, 24\/7 expert human support, and 100% money-back guarantee.<\/div>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Another aspect of changing the appearance of Moodle is the ability to change Moodle logo and footer page elements. Not all themes have the same editing capabilities; however, theme with logo customization options generally function the same way. The image is uploaded to the server and then linked in the Moodle theme Logo setting. The Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-1991","post","type-post","status-publish","format-standard","hentry","category-moodle"],"acf":[],"yoast_head":"\nHow to Change Moodle Logo and Footer<\/title>\n<meta name=\"description\" content=\"Another feature in Changing the Appearance of Moodle 2.3 themes is the ability to edit the footer and logo. This tutorial will explain how to update the Logo and Footer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Moodle Logo and Footer\" \/>\n<meta property=\"og:description\" content=\"In this article, we will outline how to change Moodle logo and footer page elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-11-14T19:31:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-10T17:40:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"How to Change Moodle Logo and Footer\",\"datePublished\":\"2012-11-14T19:31:37+00:00\",\"dateModified\":\"2021-09-10T17:40:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\"},\"wordCount\":469,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png\",\"articleSection\":[\"Moodle\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\",\"name\":\"How to Change Moodle Logo and Footer\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png\",\"datePublished\":\"2012-11-14T19:31:37+00:00\",\"dateModified\":\"2021-09-10T17:40:01+00:00\",\"description\":\"Another feature in Changing the Appearance of Moodle 2.3 themes is the ability to edit the footer and logo. This tutorial will explain how to update the Logo and Footer.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image.png\",\"width\":1200,\"height\":630,\"caption\":\"change moodle logo and footer hero image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change Moodle Logo and Footer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change Moodle Logo and Footer","description":"Another feature in Changing the Appearance of Moodle 2.3 themes is the ability to edit the footer and logo. This tutorial will explain how to update the Logo and Footer.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Moodle Logo and Footer","og_description":"In this article, we will outline how to change Moodle logo and footer page elements.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-11-14T19:31:37+00:00","article_modified_time":"2021-09-10T17:40:01+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"How to Change Moodle Logo and Footer","datePublished":"2012-11-14T19:31:37+00:00","dateModified":"2021-09-10T17:40:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/"},"wordCount":469,"commentCount":1,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png","articleSection":["Moodle"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/","name":"How to Change Moodle Logo and Footer","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image-1024x538.png","datePublished":"2012-11-14T19:31:37+00:00","dateModified":"2021-09-10T17:40:01+00:00","description":"Another feature in Changing the Appearance of Moodle 2.3 themes is the ability to edit the footer and logo. This tutorial will explain how to update the Logo and Footer.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logo-and-footer-hero-image.png","width":1200,"height":630,"caption":"change moodle logo and footer hero image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change Moodle Logo and Footer"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":25,"name":"Moodle","slug":"moodle","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1991"}],"version-history":[{"count":9,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1991\/revisions"}],"predecessor-version":[{"id":88435,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1991\/revisions\/88435"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}