It’s easy to change the graphics in a SymphonyThemes theme. There are two specific graphics that are especially easy to change:

  • Logo: the clickable site logo in the upper-left corner.
  • Favicon: and the 16-by-16-pixel “shortcut” icon next to the URL in your browser’s address bar.

For these changes, you don’t even need access to the server, just a few clicks in Drupal’s web-based interface. 

Change logo

  1. Go to the theme administration page at Admin > Appearance or /admin/build/themes, then click the “Configure” link next to your theme.
  2. In the “Toggle display” section, make sure the "Logo" checkbox is checked.
  3. In the “Logo image settings” section, uncheck the “Use the default logo” checkbox.
  4. If you’ve already uploaded the graphic to your server, you can type in its path directly in the “Path to custom logo” box. Otherwise, click the Browse button, find the graphic you want to use on your computer, then scroll to the bottom of the screen and click “Save configuration”. Drupal uploads that graphic to your default file location – usually /sites/default/files/ , unless you’ve changed it on the File system administration screen at /admin/settings/file-system.
  5. Don’t immediately see a change? Try doing a “power refresh” (holding down shift or command) in your browser to throw away the old version in your browser’s cache.
Master Drupal in 7 hours - Basic Customization - upload logo

Note that Drupal will display the logo exactly as it is uploaded, at full size. It’s a good idea to keep logo graphics fairly short, i.e. under 120 pixels high.

Change favicon

You can create the favicon from you logo by using this service http://www.favicongenerator.com/. Then follow these steps:

  1. In the “Shortcut icon settings” section, uncheck the “Use the default shortcut icon” checkbox.
  2. If you’ve already uploaded the graphic to your server, you can type in its path directly in the “Path to custom icon” box. Otherwise, click the Browse button, find the graphic you want to use on your computer, then scroll to the bottom of the screen and click “Save configuration”. (PNG and GIF graphics are best, as some versions of Internet Explorer don’t recognize JPG shortcut icons.)
  3. Don’t immediately see a change? Try doing a “power refresh” in your browser to throw away the old version in your browser’s cache.
Master Drupal in 7 hours - Basic Customization - Shortcut icon

Unlike the logo, visitors will see the favicon in its proper size in the address bar. Drupal does not actually shrink the graphic itself, it is stored at full size. So it is s a good idea to shrink the logo manually to 16 pixels square using a graphic software  or the Favicon Generator.