Adding a Custom Logo

Modified on Thu, 25 Sep at 10:42 AM

The logo in the top-left corner of your website’s navigation bar can be customized to reflect your practice’s branding. 

⚠️ Important: Please consult with your marketing team before uploading a custom logo to ensure it it meets branding guidelines and image size requirements.

TABLE OF CONTENTS

Quick Guide 

  1. From your Digital Workspace, click Settings → this opens Your Pages.

  2. In the top header, select the Settings tab (beside Your Pages and Themes).

  3. Click the Logo Management tab.

  4. Under Left Logo Placement, choose your Logo Style:

    • Image Logo – upload an image file.

    • Text Logo – display simple text.

    • Do Not Display – hide the logo element.

  5. Image Requirements:

    • Sizes:

      • Small: 280 × 65 px

      • Medium: 420 × 70 px

      • Large: 560 × 75 px

    • Formats: .png, .jpg, .jpeg, .gif, .svg

    • Logos may be smaller, but not larger. For best results, match the height to the selected size.

  6. Select your desired Logo Size.

  7. Click Choose File → select your resized logo image.

  8. Add Logo Alternative Text (describe the logo).

  9. Scroll down and click Save Changes → your logo will be submitted to compliance for review.

  10. Preview your logo in the draft site (My Website).

  • You can also display a logo on the right side of the navigation bar. Follow the same steps above, but upload the logo image under Right Logo Placement.
  • After saving, preview the display in your draft site (My Website).



Full Guide

1. From your Digital Workspace click on Settings. This will bring you to Your Pages.

Selecting the Settings section of the Digital Workspace


2. In the top header, select the Settings tab (beside Your Pages and Themes).

Selecting the Settings tab in Settings


3. From this page, click the Logo Management tab.

The Theme Options page


4. Choose your Logo Style (under Left Logo Placement). 

  • Image Logo: Upload a logo image from your file browser.
  • Text Logo: Displays text as your logo.
  • Do not display: Hides the logo element.

Note: Before uploading your logo image, check the image requirements:

  • Sizes
    • Small: 280 x 65 px
    • Medium: 420 x 70 px
    • Large: 560 x 75 px
  • Recommended image formats: .png, .jpg, .jpeg, .gif, .svg
  • Your logo image may be may be smaller than the specified dimensions, but it may not exceed them. For best display, ensure the height matches the selected size requirement.

 

5. Select your desired Logo Size.


5. Click the Choose File button to open your File Browser. Find and select your resized logo image.


6. Add in Logo Alternative Text. This should define the logos that are present in the image.


7. Scroll to the bottom of the page and click Save Changes. Your logo will now be submitted to compliance for review,


8. You may preview your logo display within the draft website (My Website).



You also have the option to display a logo on the right side of the navigation bar. To do this, follow the same steps outlined above, but upload your logo image to the Right Logo Placement section.


After saving your changes, you can preview your logo display within the draft website (My Website).


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article