Customizing the style of Knowledge Base articles
Updated in 2022.1
Knowledge Base (KB) Articles are available in the Desktop App, Web App, and Mobile 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 web or mobile apps, 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 web and mobile apps.
To modify the current style sheet:
From the Sidebar, navigate to
Customization >General > CSS Styles> Knowledge Base Article.
Choose where you want to change the style of KB Articles: Desktop App, Web App, Self Service Portal, or Mobile Apps.
Customize CSS style definitions as needed. Make sure not to delete or modify existing CSS class names and selectors.
Click Save on the Standard toolbar.
To save the current KB style sheet to a file:
Choose which stylesheet you want to save: Desktop App, Web App, Self Service Portal, or Mobile Apps.
Click Save To File. The Save Stylesheet to dialog box opens.
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:
FChoose which stylesheet you want to import: Desktop App, Web App, Self Service Portal, or Mobile Apps.
Click Load From File. The Load Stylesheet from dialog box opens.
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.