Disclaimer: This article is provided for instructional purposes only. Zendesk does not support or guarantee the code. Zendesk also cannot provide support for third-party technologies such as JavaScript, jQuery, or CSS. Please post any issues you have in the comments section or try searching for a solution online.
Question
How can I remove Suggested Articles from the ticket submission form?
Answer
Suggested articles are what users see when they type the subject of their request into the submit a request form on Help Center.
To remove Suggested Articles:
- In Guide, click the Customize design icon (
) in the sidebar.
- Click the theme you want to edit to open it.
- Click the options menu and select Edit Code.
- Select the style.css tab and search for the following words: suggestion-list
- Replace all the highlighted sections with the following:
.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;
} - The CSS should look like this:
- Click Save.
For more information about customizing your Help Center template, see the article: Editing the code for your live help center theme.
32 comments
Registrar Corp
Good day all, I tried To remove Suggested Articles via CSS but its still showing on my request form after a user clicks off the subject. Any help would appreciated. FYI, I dont have anything custom like jquery etc.
I have this exact code in my style.css
.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;
}
0
Andrew
I'm doing something like this to just stick override CSS in the header on load. With the !important tag .
Just have to replace your_form_id_here with the form ID, and make sure the CSS your injecting matches your theme.
(function($) {
$(document).ready(function() {
if (window.location.href.indexOf("/hc/en-us/requests/new?ticket_form_id=your_form_id_here") > -1) {
var css = '.searchbox-suggestions { display: none !important; } .searchbox > h2 { display: none !important; }';
$('head').append('<style>' + css + '</style>');
}
});
})(jQuery);
0