Skip to main content

Advanced Help Center Customization


If you want to customize the Help Center more fully, you can apply a custom header/footer, use custom CSS or Javascript, or edit the template system which controls the layout and content of the Help Center.

These options enable you to dramatically alter the design of the Help Center to make it look like part of your website, however, using these options requires you to have basic web design/coding skills. If you are not familiar with HTML, CSS or Javascript, you will need to consult someone who is. Deskpro can provide consultancy about Help Center styling if required.

Page Layout and Design


  • The Edit Header and Edit Footer section allows you to add HTML content that will be displayed at the top or bottom of every Help Center page.
  • The Home section allows you to edit the home page template to add or remove elements from the main Help Center home page.
  • The CSS section allows you to enter custom style information using either CSS or the Sass CSS extension language (using SCSS syntax). Your custom CSS is appended to the main CSS stylesheet. Use this to override default styles or add custom styles.
  • The Assets section allows you to upload files which you want to be able to reference in the other tabs (for example, an image file to display in your HTML header with an <img> element).

You can also edit the HTML of specific pages or elements to customize your portal layout/design even further. See Portal templates for more details on this.

Authors list

First published: 22/06/2020

Last updated: Jul 20, 2020 by Grace Howlett