Add or Change Your Website Logo: A Step-by-Step Guide

Add or Change Your Website Logo: A Step-by-Step Guide

By Michael Turner

November 28, 2024 at 06:41 PM

The logo serves as a key brand identifier in your site header. Here's how to add and optimize it effectively:

Before Adding Your Logo:

  • Replace the default "Site Title" with your site name
  • Ensure your site title is SEO-friendly as it becomes the logo's alt text
  • Prepare a high-quality logo image (JPG, GIF, or PNG format)
  • For best results, use an image with your desired final display height

Adding Your Logo in Version 7.1:

  1. Click [Edit] in the top-left corner
  2. Hover over header and select [Edit Site Header]
  3. Click the site title/logo, then the [Pencil] icon
  4. Click [+] in the [Logo Image] section
  5. Choose to upload a new file or select from library
  6. Adjust logo height using the slider
  7. Click [Save] to finish

Logo Display Options:

  • Position your logo on desktop and mobile views separately
  • Adjust logo height within template limitations
  • Use transparent PNG files for logos without backgrounds
  • Include text in your logo image if needed (can't display both logo and site title)

Important Notes:

  • Logos always link to your homepage
  • The site title remains important for SEO even when using a logo
  • Some templates have maximum size limits for logos
  • Mobile displays may differ from desktop views

To Remove Your Logo:

  1. Enter header editing mode
  2. Click the logo and select [Pencil] icon
  3. Choose [Delete] from the three-dot menu
  4. Save changes

Adjust Logo Size by Template (Version 7.0):

  • Adirondack, Bedford: Maximum 100px height
  • Avenue, Aviator: Maximum 65px height
  • Other templates have varying size restrictions

Remember: Start with a larger image if unsure about sizing, as small images may appear pixelated when scaled up. Stock images cannot be used as logos.

Related Articles

Previous Articles