Customizing the Style of Knowledge Base Articles

Knowledge Base (KB) Articles are available in the Desktop App and the Web App. Published Articles are available in the Self Service Portal as well. You can independently change the appearance of KB Articles for each of these locations.

NOTE: When customizing the appearance of Knowledge Base Articles for applications, make sure that you precede each CSS style definition with the special parent selector #kbarticle. This selector ensures that your style definitions apply only to Knowledge Base Articles, not to the entire web page. For details, see Customizing Style Sheets for Portals.

To modify the current style sheet:

  1. From the Sidebar, navigate to Customization > General > CSS Styles> Knowledge Base Article.
  2. Choose where you want to change the style of KB Articles: Desktop App, Web App, or Self Service Portal.
  3. Customize CSS style definitions as needed. Make sure not to delete or modify existing CSS class names and selectors.
  4. Click Save on the Standard toolbar.

To save the current KB style sheet to a file:

  1. From the Sidebar, navigate to Customization > General > CSS Styles> Knowledge Base Article > Desktop App / Web App / Self Service Portal.
  2. Click Save To File. The Save Stylesheet to dialog box opens.
  3. Browse for the location to save the file to, then enter the file name and click Save on the Standard toolbar.

To import the style sheet from a file:

  1. From the Sidebar, navigate to Customization > General > CSS Styles> Knowledge Base Article > Desktop App / Web App / Self Service Portal.
  2. Click Load From File. The Load Stylesheet from dialog box opens.
  3. Browse for the .css file and click Open.

    NOTE: When you import styles from a file, you replace the current style definition. You may want to export your current style sheet to a file before doing the import.