Instead of disabling the favicon on your Drupal 7 theme, you may choose to switch out the stock favicon with your own custom favicon. This article will show you how to do this in the Global Settings. Enabling the Drupal 7 global settings to allow you to use your custom favicon is simple to do with the following steps.

Setting up a custom favicon in Drupal 7:

  1. Log into your Drupal 7 Admin panel.
  2. Using the top menu area, click on the Appearance option.
    _main-dashboard-appearance
  3. This will bring up the themes page where it lists all themes installed within Drupal 7. Locate the Settings tab at the upper right corner of the screen and click it.
    appearance-theme-settings-tab
  4. This brings you to the main Appearance page. You will see Global Settings followed by the name of all enabled themes as a top menu bar. Be sure you are set to Global Settings by clicking on the label. You will then need to locate the Shortcut Icon settings section. Uncheck the box labeled Use the default shortcut icon and two new fields will appear. These are Path to custom icon and Upload icon. Use the Browse button and upload your favicon image. (It will appear in the Path field after saving)

    Note that not all themes support the global settings. If that is the case for your theme, simply choose the theme name at the top instead of Global Settings to go to the settings for that particular theme. Then you willl be able to turn off the logo for that theme.

    appearance-theme-custom-favicon
  5. Click on the Save Configuration button at the bottom of the page to save the change.
    Before After
    custom-favicon-before custom-favicon-after

Now you have successfully added a custom favicon in Drupal 7!

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!