Custom CSS and JavaScript
  • Updated on 09 Jan 2020
  • 1 minute to read
  • Contributors
  • Print
  • Share
  • Dark
    Light

Custom CSS and JavaScript

  • Print
  • Share
  • Dark
    Light

Document360 gives you the ability to extend your knowledge base with CSS (Custom Style Sheets) and JavaScript.

To open either the CSS or JavaScript editor, click Custom CSS/JavaScript in Settings.


Custom CSS

Custom CSS can be used in tandem with the Custom HTML Section in the Landing Page Editor and the Custom Footer in the Site Design and Navigations section in Settings. Define colors, fonts, layout, and variations to customize the theme and look of your knowledge base and articles.

CSS snippets

There are several pre-defined editable CSS snippets you can inject into the editor, which include:

  • Body font
  • Heading styles
  • Landing page hero section
  • Callout blocks
  • Image alignment
  • Table styles

To add a snippet to the CSS editor:

  1. In the Custom CSS tab in Custom CSS/JavaScript, click Snippets.
  2. Select a snippet.

Custom JavaScript

Insert custom JS into your site to extend its functionality. Document360 will inject your script in the header section as an external file and execute it without changing the theme.

Was this article helpful?