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 a standard PDF icon, instead of the Font Awesome icon, 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 update your icon to Font Awesome:

  1. Go to Customize > Style (HTML & CSS).
  2. In the Customize HTML, CSS, and JS section, select Custom HTML.
  3. Select Article from the Select HTML section to edit dropdown.
  4. Copy the code below and paste it into the very bottom of the editor pane:
    <script>
      //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>');
      });
    </script>
  5. Be sure to Save your changes.