Within Teamwork Desk, you can change the appearance of your Help Docs site.

Go to the Help Docs area at the top of your site and select the site you wish to update.


 When viewing the site, select the Appearance tab at the top of the screen, below the site name.

Image Placeholder

There are four areas you can use to customize your site:

  • Branding
  • Colors
  • Templates
  • Custom Code

Branding

To upload a logo, favicon, or touch icon, click the relevant upload button. 

  • Logos will be resized to 300x80 and JPG, GIF and PNG formats are accepted.
  • Favicons should be 32x32 and ICO and PNG formats are accepted
  • Touch Icons will be resized to 152x152 and JPG, GIF and PNG formats are accepted

Image Placeholder


Colors

Customize the colors within your Help Docs site, such as page background and article text color.

Image Placeholder

You can either add in the hex code value for the color, or click the field to access the color palette.

Image Placeholder


Templates

There are a number of options for templates including the header, footer, home and search. Hover over a template and click the edit pencil to add some custom code.

Image Placeholder

For each option, you can download a sample to see what the code should look like. The sample code will open in a new browser tab.

Image Placeholder

Copy and paste your custom code into the associated template area.

Image Placeholder


Custom Code

In the Custom Code section, you can upload a custom stylesheet, as well as customize the JavaScript for the site.

Image Placeholder

To upload a style sheet, hover and select the edit pencil to the right of the field. Once you have a file selected, click Done.

Image Placeholder

For more information, see: Managing Help Docs Categories