Skip to main content

Change PDF heading styles

This page applies to:MindTouch Responsive

If you want 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;

NOTE: 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 h1h1. The color has been modified in this example, but you have control to change any of these elements.

TIP: 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?