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

  1. Log into your Drupal 8 admin interface.
  2. click on the Menu itemSelect Menu from the top menu bar.
  3. select the Appearance optionNext, click on Appearance from the secondary menu bar.
  4. the configuration screen for the moduleThis brings you to the main Appearance page where you will see all the available active themes listed at the top under Enabled Themes. Locate the theme you want to add the logo to and click on the Settings link to its right. For our example, we will be using the Bartik theme.
  5. the configuration screen for the moduleFrom the theme settings page, scroll down to the Logo Image Settings section where you will at first see a single setting labeled Use the default logo supplied by the theme. Uncheck the checkbox and some new information will appear.
    Path to custom logothe folder path to a logo that has already been uploaded.
    Upload logo imageThe Browse button to upload a logo from your local machine.

    Upload a new logo file

    If you have a new logo to upload, click the Browse 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 field.

    Use a file already on the server

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

    In our example, we uploaded a new logo uploaded our local machine.
  6. Once you have uploaded your new logo, click on the Save Configuration button to save and activate the change. Below is our example before and after displaying a custom logo uploaded in this way.
    BeforeAfter
    the configuration screen for the modulethe configuration screen for the module
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.

0 Questions & Comments

Post a comment

Back to first comment | top

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!