Contents x
    Custom CSS and JavaScript
    • 20 Feb 2023
    • 1 Minute to read
    • Contributors
    • Print
    • Dark
      Light
    • PDF
    Contents

    Custom CSS and JavaScript

    • Updated on 20 Feb 2023
    • 1 Minute to read
    • Contributors
    • Print
    • Dark
      Light
    • PDF
    Article Summary

    Document360 allows you to extend your Knowledge base with CSS (Custom Style Sheets) and JavaScript. Custom CSS and JavaScript can play a significant role in designing a knowledge base by allowing you to customize the visual appearance and functionality.

    Custom CSS

    Accessing Custom CSS

    1_Screenshot-Accessing_custom _css

    1. Click Settings → Knowledge base site → Custom CSS & JavaScript → Custom CSS
    2. Update the desired snippet in the window

    You can also use the available CSS snippets.

    1. Click Save

    CSS snippets

    There are several pre-defined editable CSS snippets you can utilize in this section.

    How to insert the CSS snippet?

    2_Screenshot-Accessing_custom _css_snippets

    1. Click the Snippets button
    2. Select the desired code snippet in the Code snippets blade
    3. The selected CSS snippet will be inserted into the window
    4. Update the CSS
    5. Click Save
    Custom HTML and Custom footer

    Custom CSS can be used along with the Custom HTML Section in the Home Page Builder and the Custom Footer in the Navigations section in the Settings (Knowledge base site). Define colors, fonts, layout, and variations to customize the theme and look of your Knowledge base and Article.

    Custom JavaScript

    Accessing Custom JavaScript

    3_Screenshot-Accessing_custom _javascript

    1. Click Settings → Knowledge base site → Custom CSS & JavaScript → Custom JavaScript
    2. Update the desired script in the window
    3. Click Save
    Was this article helpful?
    What's Next