You are viewing this design in preview mode. The design MUST be published to be live on your website.
    •   New Board Member?
    •   Support
    •   Video Library
    • Workflow Library
    •  Page Content Library
    •  Email Builder Content Library

    Knowledgebase

    • Home
    • > Design
    • > Design Editor
    • > Update Your Logo

    Update Your Logo

    StarChapter systems on a Current design must update both the Design Editor and Mobile Design Editor tools. StarChapter systems using Classic designs only update the Design Editor and that image will be inherited on mobile displays automatically.

    Tip Icon

    Tip: If you aren't sure which design you're currently using, this article reviews where to locate that information within your Admin Area.

    Update Design Editor (both Current and Classic designs)

    1. Go to Design > Design Editor.
    2. Click to open the Published Layout.



    3. Locate and click to open Header > Logo Area in the left navigation screen.
    4. Click Change.



    5. Upload the new logo and click Insert.

      Tip Icon

      Tip: Always upload a larger file size than needed and adjust the image to a smaller size after upload using this width control. The set width should not be larger than the uploaded image width, only smaller, or else you risk the quality of your logo and may see the image as blurry. 

    6. Click Save.
    7. Click Return to List.

    Update Mobile Design Editor (Current designs only)

    1. Go to Design > Design Editor.
    2. Click the Mobile and Tablet action button beside the Published design.



    3. Locate the Tablet & Mobile section and click to open Header > Logo Area > Logo section in the left navigation screen.
    4. Click Change.



    5. Upload the new logo and click Insert.
    6. If you need to adjust the size of your logo after upload, there is a Width control located in the Header > Logo Area > Logo section. This will resize your logo for both Tablet and Mobile.
      Auto = exact size of uploaded image. Custom Width = specific px, em, or % of the uploaded image.



    7. If you need further size adjustments for your logo in Mobile ONLY, locate the Mobile Only section further down the left navigation and click to open Header > Logo Area > Logo section and adjust the width.
      Auto = exact size of uploaded image. Custom Width = specific px, em, or % of the uploaded image.



    8. Click Save.
    9. Click Return to List.

    Chapter Insights

    Posted by [email protected] on 03/07/2018 9:39 am  /   Design

    Design Blog Image - Email Design Basics to Engage Your Members

    Email Design Basics to Engage Your Members

    launch a new redesigned website

    How to Launch a New or Newly Redesigned Website

    © 2026 StarChapter Software LLC All rights reserved.

    •  
      Board Training
    •  
      Services
    •  
      KB Home
    • Master Service Agreement
    • |
    • Privacy Policy
    . .