How to Add or Change Your Website Logo - A Complete Guide

How to Add or Change Your Website Logo - A Complete Guide

By Michael Thompson

November 28, 2024 at 06:41 PM

Upload and optimize your logo to enhance your site's branding and professionalism. Here's how to do it effectively:

Before You Start

  1. Replace the default "Title of your site" with your actual site name because it:
  • Creates alt text for your logo
  • Helps with SEO
  • Appears in browser tabs

Logo Requirements

  • File formats: .jpg, .gif, or .png
  • Start with a larger image to prevent pixelation
  • Use .png format for transparent backgrounds
  • Cannot use stock images

Adding Your Logo

  1. In Version 7.1:
  • Click Edit > Edit site header
  • Click site title/logo > pencil icon
  • Select + to add image
  • Upload file or select from library
  • Adjust logo height using sliders
  • Save changes
  1. In Version 7.0:
  • Open Logo and title panel
  • Drag image or click to upload
  • Save and refresh

Customizing Display

Desktop:

  • Click Edit > Edit site header
  • Select Computer icon
  • Choose layout preference
  • Adjust height/position

Mobile:

  • Switch to Mobile icon
  • Set mobile-specific layout
  • Adjust size for smaller screens

Best Practices

  1. Logo Optimization:
  • Match height to desired display size
  • Ensure clear visibility
  • Maintain proper aspect ratio
  1. Text in Logos:
  • Include site name in logo design
  • Keep site title field populated for SEO
  • Use transparent backgrounds when appropriate

Note: The logo always links to your homepage. Removing the logo restores your site title.

Size Restrictions

Template-specific maximum heights:

  • Adirondack: 100px
  • Avenue: 65px
  • Other templates: Varies by family

When removing logos:

  • Edit site header
  • Click logo > pencil icon
  • Select delete
  • Save changes

Your logo serves as your brand's first impression - ensure it's optimized for both desktop and mobile viewing for maximum impact.

Related Articles

Previous Articles