Skip to main content
MindTouch Success Center

Change PDF heading styles

Applies to:
All MindTouch Versions
Role required:
Admin
Add your custom CSS code to overrides PDF heading styles to brand the look and feel of your PDFs.

To change the heading styles of your h1 PDF headings, for example, add the following CSS code to Site tools > Control panel > Branding > Custom PDF CSS:

h2 { 
font-size: 24px;
display: block;
margin: 20px 0 10px 0; 
color: #FF0000;
font-weight: bold;
}

This is actually the default h2 styling, which will affect the h1 headings of the page. The h1 headings in the editor are h2 headings in the source as we shift down all headers because the page title is actually an h1. The color has been modified in this example, but you have control to change any of these elements.

As you customize your PDF, periodically create a PDF from an article to check the output and ensure it is formatted the way you want it to look.  

  • Was this article helpful?