InMotion Hosting Support Center

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.
  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.
  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.

  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!

Was this article helpful?
Continued Education in Course 106: Working with themes in Drupal 7
You are viewing Section 7: How to upload your custom favicon in your Drupal 7 theme
Section 6: How to upload your custom logo in your Drupal 7 theme
Section 8: How to disable the favicon in a Drupal 7 theme
n/a Points
2015-07-23 3:56 pm

Thanks for the this!

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

1 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


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:
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!