Callout styles

Prev Next
Professional
Business
Enterprise






What is a Callout?

A "Callout" is designed to highlight important information within the article content. You can insert callouts using both the Markdown and Advanced WYSIWYG editors in Document360.


Types of Callouts in Document360

Document360 provides four inbuilt callouts for

  1. Info

    Your title goes here

    Your content goes here

  2. Warning

    Your title goes here

    Your content goes here

  3. Error

    Your title goes here

    Your content goes here

  4. Success

    Your title goes here

    Your content goes here

Styling the Callouts

If you want to modify these callouts, follow these steps to change the background color and other styling options:

  1. Navigate to Settings () in the left navigation bar in the Knowledge base portal.

  2. In the left navigation pane, navigate to Knowledge base site > Customize site > Custom CSS & JavaScript .

  3. From the left navigation pane, click on the CSS tab, then click the Add code snippets link on the right side.

    The Add code snippets panel will appear.

  4. Select Change callout colors. This will take you to the section where the existing callout colors are set.

  5. Edit the code to make the necessary changes and add your branding colors.

  6. Once done, click Save.

By modifying the custom color in the Callout snippet, the changes will be applied across the entire knowledge base.


FAQ

Can I style callout color in dark mode?

You can style the callout color in dark mode. For more information, read the article on How to change the callouts color in dark mode?.