In this tutorial, you'll learn how to hide the article suggestions that display in the contact form of the help center when an end user types in the subject of the request. This is useful to reduce visual noise in the request page.

The workflow includes the steps below.

  • Step 1: Verify the prerequisites
  • Step 2: Make a copy of the theme
  • Step 3: Edit the CSS file
  • Step 4: Edit the CSS code to hide the article suggestions

Step 1: Verify the prerequisites

This change requires you to edit the theme code of the help center and is only available on Suite Growth plans or higher.

Step 2: Make a copy of the theme

Before you make changes to your live theme, make a copy of the theme and update the copied version.

Step 3:  Edit the CSS file

Edit the CSS file of your help center theme.

Step 4: Edit the CSS code to hide the article suggestions

  1. Search for the words suggestion-list
    suggestion-list.png

  2. Replace the code or with the following snippet in your CSS file
     

    .form .suggestion-list {

display:none;

}

.form .suggestion-list label {

display:none;

}

.form .suggestion-list li {

display:none;

}

.form .suggestion-list li a:visited {

display:none;

}
  3. Click Publish to save the changes
Disclaimer: This article is provided for instructional purposes only. Zendesk does not support or guarantee custom code. Zendesk also can't provide support for third-party technologies such as JavaScript, jQuery, or CSS. Post any issues you have in the comments section or try searching for a solution online.

For more information, see the following articles:

  • What are the differences between Instant Search, Article Suggestion, and Help Center search?
  • Understanding help center search methods
Powered by Zendesk