{"id":2908,"date":"2013-10-21T14:49:19","date_gmt":"2013-10-21T18:49:19","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/10\/21\/upload-custom-logo-2\/"},"modified":"2024-01-23T13:06:57","modified_gmt":"2024-01-23T18:06:57","slug":"drupal8-upload-custom-logo","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/","title":{"rendered":"Setting custom logos in your Drupal 8 theme"},"content":{"rendered":"

One of the things you may want to do after removing or disabling<\/a> the stock Drupal logo from your theme is to replace it by uploading your own custom logo. The instructions below demonstrate how to change your logo in your specific Drupal 8 theme.<\/p>\n

How to set your custom logo in Drupal 8<\/h2>\n
    \n
  1. Log into your Drupal 8 admin interface<\/a>.\n
    <\/div>\n<\/li>\n
  2. \"select<\/a>\n
    <\/div>\n

    Select Menu<\/strong> from the top menu bar.<\/p>\n

    <\/div>\n<\/li>\n
  3. \"select<\/a>\n
    <\/div>\n

    Next, click on Appearance<\/strong> from the secondary menu bar.<\/p>\n

    <\/div>\n<\/li>\n
  4. \"the<\/a>\n
    <\/div>\n

    This brings you to the main Appearance<\/em> page where you will see all the available active themes listed at the top under Enabled Themes<\/em>. Locate the theme you want to add the logo to and click on the Settings<\/strong> link to its right. For our example, we will be using the Bartik<\/em> theme.<\/p>\n

    <\/div>\n<\/li>\n
  5. \"the<\/a>\n
    <\/div>\n

    From the theme settings page, scroll down to the Logo Image Settings<\/em> section where you will at first see a single setting labeled Use the default logo supplied by the theme<\/strong>. Uncheck the checkbox and some new information will appear.<\/p>\n\n\n\n\n
    Path to custom logo<\/td>\nthe folder path to a logo that has already been uploaded.<\/td>\n<\/tr>\n
    Upload logo image<\/td>\nThe Browse<\/strong> button to upload a logo from your local machine.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \n

    Upload a new logo file<\/h3>\n

    If you have a new logo to upload, click the Browse<\/strong> button and you will be presented with a popup window. Use this window to select your logo file from your computer. Once finished the file name should appear in the Upload logo image<\/strong> field.<\/p>\n<\/div>\n

    \n

    Use a file already on the server<\/h3>\n

    If you have already uploaded a logo, you can simply enter the file path here. This will default to sites\/default\/files\/logo.png<\/em>. Be sure to replace the filename logo.png<\/em> with the name of your logo if it is different.<\/p>\n<\/div>\n

    <\/div>\n

    In our example, we uploaded a new logo uploaded our local machine.<\/p>\n

    <\/div>\n<\/li>\n
  6. Once you have uploaded your new logo, click on the Save Configuration<\/strong> button to save and activate the change. Below is our example before and after displaying a custom logo uploaded in this way.
    \n\n\n\n\n
    Before<\/th>\nAfter<\/th>\n<\/tr>\n
    \"the<\/a>\n
    <\/div>\n<\/td>\n
    		\"the<\/a>\n
    <\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    <\/div>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    One of the things you may want to do after removing or disabling the stock Drupal logo from your theme is to replace it by uploading your own custom logo. The instructions below demonstrate how to change your logo in your specific Drupal 8 theme. How to set your custom logo in Drupal 8 Log Read More ><\/a><\/p>\n","protected":false},"author":8,"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":[372],"tags":[],"class_list":["post-2908","post","type-post","status-publish","format-standard","hentry","category-drupal"],"acf":[],"yoast_head":"\nSetting custom logos in your Drupal 8 theme | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.\" \/>\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\/drupal\/drupal8-upload-custom-logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Setting custom logos in your Drupal 8 theme | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-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-10-21T18:49:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-23T18:06:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 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\/drupal\/drupal8-upload-custom-logo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"Setting custom logos in your Drupal 8 theme\",\"datePublished\":\"2013-10-21T18:49:19+00:00\",\"dateModified\":\"2024-01-23T18:06:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/\"},\"wordCount\":350,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png\",\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/\",\"name\":\"Setting custom logos in your Drupal 8 theme | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png\",\"datePublished\":\"2013-10-21T18:49:19+00:00\",\"dateModified\":\"2024-01-23T18:06:57+00:00\",\"description\":\"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png\",\"width\":429,\"height\":49,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Setting custom logos in your Drupal 8 theme\"}]},{\"@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\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Setting custom logos in your Drupal 8 theme | InMotion Hosting","description":"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.","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\/drupal\/drupal8-upload-custom-logo\/","og_locale":"en_US","og_type":"article","og_title":"Setting custom logos in your Drupal 8 theme | InMotion Hosting","og_description":"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-10-21T18:49:19+00:00","article_modified_time":"2024-01-23T18:06:57+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"Setting custom logos in your Drupal 8 theme","datePublished":"2013-10-21T18:49:19+00:00","dateModified":"2024-01-23T18:06:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/"},"wordCount":350,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png","articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/","name":"Setting custom logos in your Drupal 8 theme | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png","datePublished":"2013-10-21T18:49:19+00:00","dateModified":"2024-01-23T18:06:57+00:00","description":"Looking to ditch the stock Drupal logo and upload your own? Check out this article on how to do just that in Drupal 8.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/06\/edu_Drupal-8__common-images_select-menu.png","width":429,"height":49,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/drupal8-upload-custom-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Setting custom logos in your Drupal 8 theme"}]},{"@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\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2908","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2908"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2908\/revisions"}],"predecessor-version":[{"id":108780,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2908\/revisions\/108780"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}