Customize your help center CSS to add disclaimers to your articles. Disclaimers grab users' attention and highlight crucial information or additional context about the topic. Below is an example of a note disclaimer.

Disclaimer: This article is provided for instructional purposes only. Zendesk does not support or guarantee the code.

This workflow contains the below steps:

  • Step 1: Customize your CSS template
  • Step 2: Add the disclaimer HTML to the article source code

Step 1: Customize your template CSS

To add disclaimer notes, you must edit your help center theme to add the disclaimer style to your CSS. 

To edit the help center template CSS

  1. In Guide, click the Customize design icon  () in the sidebar
  2. Find your live theme and click Customize
  3. Click Edit Code
  4. Under Files, click style.css
  5. Add the below code snippet 
    /***** Note *****/

.callout {
 		background-color: #fcf4b9;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
  6. Click Publish

Step 2: Add the disclaimer HTML to the article source code

After the CSS is updated, you may now insert disclaimers in your article's HTML source code.

To add notes to an article

  1. In an article, click the Source code icon () in the toolbar
  2. Find the location where you want to place your note. Copy and paste the code below. Replace These are the words that will go in your note! with a custom note.  
    <div class="callout">These are the words that will go in your note!</div>
  3. Click Apply to save the changes to the source code.
  4. Save or publish the article and click View to check that the note now appears in the article. Here's how the disclaimer should look like.
    These are the words that will go in your note!

For more information, see the article: Customizing your help center theme.

Powered by Zendesk