Display Content Only in PDFs

You can add content to your article templates that will only show in PDFs. Here's how:

  1. Add a class to the element. You can call it whatever you like as long as it's unique. We used "pdf-logo".
    <div class="pdf-logo" align="center">
        This is where I put the HTML for my logo that only displays in PDFs.
    </div>
  2. Add CSS to hide this element in Appended CSS under Settings > Styles > Article Styles.
    .pdf-logo {
        display:none;
    }
  3. Add CSS to show the element in PDFs. 
    .hg-pdf .pdf-logo {
        display:block;
    }

The class "hg-pdf" is added to our PDF downloads. You can use this class to style elements differently in your PDF downloads. Just add this class before the element you want to target, and you can create customized styles for your PDFs!