Knowledge Base

Search

  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Adding Your Logo

Watch the video tutorial! Your store uses three different files for your logo. The first logo file appears in the header of your store and has a link back to your home page. The second logo file appears at the top of email messages that are sent from your store. The third logo file is the favicon that appears in the address bar of your browser.

Header Logo with Alt Text
Header Logo with Alt Text

Alt text appears when a mouse hovers over an image. As a best practice, alt text should be provided for every image on your site because it is indexed by search engines, and also improves the accessibility of your site for people who use screen readers.

The size and position of the store logo file is determined by your theme. If you resize the image by entering the width and height of the image, make sure to retain the exact aspect ratio &emdash; otherwise, the image might be distorted. To find the exact size of the sample logo used in a theme, right-click the logo. The width and height of the image on the Properties tab of the context menu. You can also use the CSS Editor to modify the dimensions and relative position of the logo, if necessary.

Step 1: Upload the Header Logo

Method 1: From Start My Store

  1. Click the orange Start My Store bar at the top of the Admin panel.
  2. Point to 3. Design, and click Set Your Store Logo.
  3. Browse to find the logo, and select the file from your computer.
  4. When complete, click the Submit button.

Method 2: From the Themes Editor

  1. From the Themes Editor, under Current Theme, click Customize.
  2. In the Theme Customization panel on the left, click Design Settings Editor.
  3. Click to expand the Header section.
  4. Browse to find the logo, and select the file from your computer.
  5. When complete, click the Save button.

Step 2: Add Alt Text

  1. From the Admin panel, select System > Configuration.
  2. In the Configuration panel on the left, under General, select Design.
  3. Click to expand the Header section.
  4. Type the Logo Image Alt text that you want to appear whenever someone hovers over your logo.
  5. Click the Save Config button.

Step 3: Refresh Your Browser

To speed up the display of images, your browser saves a temporary copy of each image in a cache on your computer. To make sure that your new logo appears in the header of your store, do one of the following:

  • Press the F5 key to refresh the browser page.
  • Follow the instructions for your browser to clear its cache of temporary files.
Still have questions? Submit them below and they'll be answered by our expert support team.
Like what you read? Drop us a note with your feedback below.