{"id":2224,"date":"2013-02-01T20:21:15","date_gmt":"2013-02-02T01:21:15","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/02\/01\/add-logo-fusion-theme-code\/"},"modified":"2021-09-10T13:13:27","modified_gmt":"2021-09-10T17:13:27","slug":"change-moodle-logo","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/","title":{"rendered":"How to Change Moodle Logo in Header and Footer via Code Edits"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png\" alt=\"change moodle logos in header hero image\" class=\"wp-image-82449\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When using a theme that does not have <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-footer\/\">theme editing options<\/a>, you can edit the theme code and change Moodle logos within the theme itself. Please note that this article is somewhat advanced, so if you are not comfortable editing code, please contact a web developer for assistance. Before you can add the logo to your Moodle site, you will need to upload a logo file to your server. In this article we will explain how to change Moodle logos by adding code to the header (top) and footer (bottom) of the \u201c<em>Fusion<\/em>\u201d theme. While this article will explain how to edit the code in the \u201c<em>Fusion<\/em>\u201d theme for tutorial purposes, other themes can be edited in this way as well.<\/p>\n\n\n\n<p>Topics Include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#changing\">Changing Logos in Moodle<\/a><ul><li><a href=\"#header\">How to Change Moodle Logo in Header via CSS<\/a><\/li><li><a href=\"#footer\">How to Change Moodle Logo in Footer via CSS<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"changing\">Changing Logos in Moodle<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Uploading Your Logo File<\/h3>\n\n\n\n<p>Upload the logo file into your \u201c<em>Fusion<\/em>\u201d theme directory at the following location path:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">theme\/fusion\/layout<\/pre>\n\n\n\n<p>For information on how to upload your files to your server, see our article on <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/cpanel\/how-to-upload-a-file-using-file-manager-in-cpanel\/\">how to upload a file via cPanel<\/a>. Once you upload your logo to your Fusion theme directory, you can link to your image using a link like the following:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">https:\/\/your-moodle-site.com\/theme\/fusion\/layout\/logo.gif<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-1-upload.gif\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-1-upload.gif\" alt=\"Uploaded logo image Moodle Fusion themes\" width=\"900\" height=\"300\" title=\"Click here to view the larger image\"><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"header\">How to Change Moodle Logo in Header via CSS<\/h3>\n\n\n\n<p>Logos on most sites are placed next to the website title. The following steps will show you how to place your logo in the header of the \u201c<em>Fusion<\/em>\u201d theme.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-2-header-code-1024x325.gif\" alt=\"View of the header code Moodle Fusion theme\" class=\"wp-image-10384\" width=\"854\" height=\"271\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-2-header-code-1024x325.gif 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-2-header-code-300x95.gif 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-2-header-code-768x243.gif 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure><\/div>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>First, use a text editor or the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/cpanel\/file-manager-code-editor\/\">cPanel file manager<\/a> to edit the theme\/fusion\/layout\/frontpage.php page in the \u201cFusion\u201d theme.<\/li><li>Within the frontpage.php file, find the line of code that reads &lt;!\u2013 START OF CONTENT \u2013&gt;<br><br>To add the logo to the theme file, you will need to link to it with the following code structure:<br><p><code>&lt;img src=\"https:\/\/your-moodle-site.com\/theme\/fusion\/layout\/logo.gif\" style=\"float:left;padding: 0px 20px 0px 0px;\" \/&gt;<\/code> <\/p><br><p>Place this image link in the <code>id=\"region-header\" &lt;div&gt;<\/code> section. You will also need to use <code>&lt;br style=\"clear:both;\" \/&gt;<\/code> within the <code>id=\"region-header\"<\/code> section before the <code>&lt;\/div&gt;<\/code> tag in order for the logo to display properly.<\/p> <p>The code should look like the following when done:<\/p><pre class=\"wp-block-preformatted\">&lt;div class=\"region-content\"&gt; &lt;div id=\"region-header\"&gt; &lt;img src=\"https:\/\/your-moodle-site.com\/theme\/fusion\/layout\/logo.gif\" style=\"float:left;padding: 0px 20px 0px 0px;\" \/&gt; &lt;h1 class=\"headermain\"&gt;&lt;?php echo $PAGE-&gt;heading ?&gt;&lt;\/h1&gt;<br> &lt;p class=\"tagline\"&gt;&lt;?php echo $tagline ?&gt;&lt;\/p&gt; &lt;br style=\"clear:both;\" \/&gt; &lt;\/div&gt;<\/pre><\/li><li>Repeat the same steps for the general.php page by navigating to the <code>theme\/fusion\/layout\/general.php<\/code> file.<\/li><li>Once done, visit your Moodle site. If successful, you should see the logo show in the header of your web page.  <\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"footer\">How to Change Moodle logo in Footer<\/h3>\n\n\n\n<p>Adding a logo to the footer of the \u201c<em>Fusion<\/em>\u201d theme is similar to adding the logo to the header. In this section, we will add the logo so that it is centered at the bottom of your Moodle footer.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>To change the Moodle logo in the footer you must edit the theme\/fusion\/layout\/frontpage.php file. Find the line of code towards the bottom that says &lt;!\u2013 START OF FOOTER \u2013&gt;. Add the following image code right before the ending tag:<pre class=\"wp-block-preformatted\">&lt;img src=\"https:\/\/your-moodle-site.com\/theme\/fusion\/layout\/puzzle.gif\" align=\"center\" \/&gt;<\/pre>The entire code section should look as follows:<pre class=\"wp-block-preformatted\">&lt;!-- START OF FOOTER --&gt; <\/pre><br><pre class=\"wp-block-preformatted\">&lt;div id=\"page-footer\" class=\"wrapper clearfix\"&gt; &lt;?php echo $footnote ?&gt;<br>&lt;p class=\"helplink\"&gt;&lt;?php echo page_doc_link(get_string('moodledocslink')) ?&gt;&lt;\/p&gt; &lt;?php<br>echo $OUTPUT-&gt;login_info();<br>echo $OUTPUT-&gt;home_link();<br>echo $OUTPUT-&gt;standard_footer_html();<br>?&gt; &lt;img src=\"https:\/\/your-moodle-site.com\/theme\/fusion\/layout\/puzzle.gif\" align=\"center\"\/&gt;<br>&lt;\/div&gt;<\/pre><br><\/li><li>Repeat step 1 for adding the logo code to the <code style=\"font-size: 16px; background-color: rgb(255, 255, 255);\">theme\/fusion\/layout\/general.php <\/code><span style=\"font-size: inherit;\">page.<\/span> <p>If successful, the logo will now show within the footer.<\/p> <\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_moodle_107_add-logo-fusion-theme_logo-fusion-theme-5-footer-view.gif\" alt=\"View of the logo in the footer Moodle Fusion theme\" class=\"wp-image-10387\" width=\"842\" height=\"465\"><\/figure><\/div>\n\n\n<div class=\"jumbotron\">Trust your business to an industry leader in fast and reliable website hosting solutions. InMotion Hosting offers secure <a href=\"https:\/\/www.inmotionhosting.com\/web-hosting\">web hosting<\/a> with 99.99% uptime, 24\/7 expert human support, and 100% money-back guarantee.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>When using a theme that does not have theme editing options, you can edit the theme code and change Moodle logos within the theme itself. Please note that this article is somewhat advanced, so if you are not comfortable editing code, please contact a web developer for assistance. Before you can add the logo to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\"> 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-2224","post","type-post","status-publish","format-standard","hentry","category-moodle"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change Moodle Logo in Header and Footer via CSS<\/title>\n<meta name=\"description\" content=\"When a theme cannot have the logo changed through the Moodle dashboard, you will have to edit the theme code. This article explains how to add a logo to the header and footer of the Fusion theme.\" \/>\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-logo\/\" \/>\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 in Header and Footer via CSS\" \/>\n<meta property=\"og:description\" content=\"In this article we will explain how to change Moodle logos by adding code to the header (top) and footer (bottom) of the &quot;Fusion&quot; theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\" \/>\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=\"2013-02-02T01:21:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-10T17:13:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"4 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-logo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"How to Change Moodle Logo in Header and Footer via Code Edits\",\"datePublished\":\"2013-02-02T01:21:15+00:00\",\"dateModified\":\"2021-09-10T17:13:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\"},\"wordCount\":516,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png\",\"articleSection\":[\"Moodle\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\",\"name\":\"How to Change Moodle Logo in Header and Footer via CSS\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png\",\"datePublished\":\"2013-02-02T01:21:15+00:00\",\"dateModified\":\"2021-09-10T17:13:27+00:00\",\"description\":\"When a theme cannot have the logo changed through the Moodle dashboard, you will have to edit the theme code. This article explains how to add a logo to the header and footer of the Fusion theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png\",\"width\":1200,\"height\":630,\"caption\":\"change moodle logos in header hero image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change Moodle Logo in Header and Footer via Code Edits\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; 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 in Header and Footer via CSS","description":"When a theme cannot have the logo changed through the Moodle dashboard, you will have to edit the theme code. This article explains how to add a logo to the header and footer of the Fusion theme.","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-logo\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Moodle Logo in Header and Footer via CSS","og_description":"In this article we will explain how to change Moodle logos by adding code to the header (top) and footer (bottom) of the \"Fusion\" theme.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-02-02T01:21:15+00:00","article_modified_time":"2021-09-10T17:13:27+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png","type":"image\/png"}],"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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"How to Change Moodle Logo in Header and Footer via Code Edits","datePublished":"2013-02-02T01:21:15+00:00","dateModified":"2021-09-10T17:13:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/"},"wordCount":516,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png","articleSection":["Moodle"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/","name":"How to Change Moodle Logo in Header and Footer via CSS","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image-1024x538.png","datePublished":"2013-02-02T01:21:15+00:00","dateModified":"2021-09-10T17:13:27+00:00","description":"When a theme cannot have the logo changed through the Moodle dashboard, you will have to edit the theme code. This article explains how to add a logo to the header and footer of the Fusion theme.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/08\/change-moodle-logos-in-header-hero-image.png","width":1200,"height":630,"caption":"change moodle logos in header hero image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/moodle\/change-moodle-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change Moodle Logo in Header and Footer via Code Edits"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; 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":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2224","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=2224"}],"version-history":[{"count":11,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2224\/revisions"}],"predecessor-version":[{"id":88427,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2224\/revisions\/88427"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}