Branding Your Help Center

Updating the colors in your help center

By default, there are five colors you can change in your help center, including:

• Brand color
• Brand text color
• Text color
• Link color
• Background color

To update your help center colors

1. In Guide, click the Customize design icon () in the sidebar.
2. Click Customize in the theme you want to update. The theme page opens.
3. In the Settings panel, click Colors.

   

4. Click the color box beside any of the options, then use the color selector to chose a color or manually enter the number for your color.

   The color updates in the preview window.

   Click away from the color box and the color choice is saved.

5. Repeat for other colors you want to change.
6. When you've finished updating your colors, click Publish.

   The changes are applied to the theme.

7. Click Back to return to the Themes page.

Updating the fonts in your help center

You can change the font for headings and text by default. A list of several built-in font options are available to you.

To update your help center fonts

1. In Guide, click the Customize design icon () in the sidebar.
2. Click Customize in the theme you want to update. The theme page opens.
3. In the Settings panel, click Fonts.
4. To change the heading font, click the drop-down menu under Heading, then select a font for your heading.

   The font updates in the preview window.

5. To change the text font, click the drop-down menu under Text, then select a font for the text.

   The font updates in the preview window.

6. When you've finished updating your fonts, click Publish.

   The changes are applied to the theme.

7. Click Back to return to the Themes page.

Updating the logo and favicon of your help center

You can change the logo and favicon for your help center. The logo appears in the header for your help center. The favicon is the small image displayed in the browser tab and next to the URL in the browser's address bar.

For information on uploading your own images and other branding assets to use here, see Using your own theme assets for Help Center assets.

To update the logo and favicon your help center theme

1. In Guide, click the Customize design icon () in the sidebar.
2. Click Customize in the theme you want to update. The theme page opens.
3. In the Settings panel, click Brand.
4. If you want to change the logo, under Logo, click Replace to browse to and select an image.

   The recommended image size is 200px by 50px. For the Copenhagen theme, the recommended maximum height is 37px.

   If the width or height of the image exceeds the recommended size, the image is scaled down to keep the aspect ratio constant. The image background should be transparent or match the background color of the header.

5. If you want to change the favicon, under Favicon, click Replace to browse to and select an image.

   For best results, make sure the favicon is a square image. The image is scaled to fit the display dimensions.

6. To change back to the default image for the logo or favicon, click Revert.
7. When you've finished updating your logo or favicon, click Publish.

   The changes are applied to the theme.

8. Click Back to return to the Themes page.