- Print
- DarkLight
- PDF
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
- Click Settings → Knowledge base site → Custom CSS & JavaScript → Custom CSS
- Update the desired snippet in the window
You can also use the available CSS snippets.
- Click Save
CSS snippets
There are several pre-defined editable CSS snippets you can utilize in this section.
- Body font style
- Heading tag font style
- Change table styles
- Align image center in documentation
- Change call outs style
- Change Home page builder hero section background
- Disable back to top
How to insert the CSS snippet?
- Click the Snippets button
- Select the desired code snippet in the Code snippets blade
- The selected CSS snippet will be inserted into the window
- Update the CSS
- Click Save
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
- Click Settings → Knowledge base site → Custom CSS & JavaScript → Custom JavaScript
- Update the desired script in the window
- Click Save