Make the PDF icon prettier

If you're using the Clayton, Classic, or Modern themes, your PDF icon next to article titles might look like this: 

You can replace it with a Font Awesome icon that will match the other icons next to the article:

(The color of the icon will depend on your knowledge base settings.)

To do so:

  1. Go to Settings > Style.
  2. Below the preview pane, be sure Custom HTML is selected.
  3. From the Custom HTML dropdown, select Article.
  4. Copy the code below and paste it into the very bottom of the template:
      //Update PDF icon so it uses Font Awesome PDF icon
      $(function() {
        $('.hg-article-pdf img').replaceWith('<i class="fa fa-file-pdf-o fa-fw"></i>');
  5. You can Preview Changes and use the preview dropdown at the top to see your article with the new icon.
  6. Be sure to Save your changes.

Here's what the code might look like entered in your custom HTML: