What is a "Callout"?
A "Callout" is intended to direct the user's attention to a piece of information within the article content. You can insert callouts using the editors (Markdown, WYSIWYG, or Advanced WYSIWYG) in Document360.
How to style the Callouts in Document360?
Follow the below steps to change the header font style in Document360 using CSS Snippets.
-
In the Knowledge base portal, click Settings → Knowledge base site → Custom CSS and JavaScript
-
You can find the Custom CSS and Custom JavaScript tabs. Click the Custom CSS tab → and click the Add code snippets button right underneath it
-
A blade window appears, preloaded with seven basic snippets that you can use to customize your knowledge base site; click the Change callout styles (the snippet is added to your Custom CSS code block), and now click Ctrl+S to save it
You can modify the custom color in the Callout snippet, and the modification applies to the entire knowledge base.
For example, if you want to change the callout style, background color, and text color specifically for the Info box, warning box, and error box, you can do it following the below explanatory GIF
