What is the Heading content block and how do I use it?

Focus:  The focus of this self-help article is to provide steps and information to about the PandaDoc Document Builder content block “Heading”

What is the Heading Block?: The heading block can be used in a variety of different ways including title for documents, or used to create sections of content. The heading block also has three layout options for different sizes of Headings. H1, H2, H3, H4, H5, H6. The Heading blocks also work in conjunction with the “TOC” or Table of contents block.

Step 1: Create a document/template. Click on “New Document/New Template” on the upper right and then click on “Create a Doc”/”Create a template”.

Step 2: Adding the content block. Over on the right, click and drag the Heading block over and then you can add your text.

To add other blocks, simple drag and drop them.

Step 3: Heading Content Block Layout Options. With the Heading block, there are also other layout options that you can use. Be sure to play around with them.

Step 4: Styling your heading blocks.

Step 4a: Automatic numbering. With this option, you can set up numbering for in the “Heading” blocks. Select your heading block and the style you would like for the numbering in the drop down menu. In this example, you’ll see that the style, “1. 2. 3.” has been selected for Heading 1.

Step 4b: Tiered Numbered. If you want to use multi-level or nested lists to number your headings, turn on “Tiered Numbers” on the right. In the following example, you will see that the style, “i. ii. iii.” has been selected for Heading 2. Repeat this step for Heading 3 styling.

Step 5: Adding text or copying and pasting from another source. Now that you have the block added, you can type in your text OR, you can copy and paste from another document. Be sure to check out the top editor for Justification, font size and color.

Step 6: Advanced CSS: The CSS Classes option can be found by clicking into a block and then clicking Advanced on the block settings panel. So, if we add the CSS Class of “user-customclass” below, it allows you to target a specific element on the page with that class in our CSS editor.
Please Note: This is advanced stuff and assumes you have some knowledge of HTML and CSS. Proceed with caution. You can add multiple CSS classes separated by a space.

When class is added and CSS is updated with class:
.user-customclass {color: red;}

“Hello World” becomes “Hello World”

Step 7:  Adding other content.  Once you have the header content added, be sure to look at the other Content blocks for the PandaDoc Editor.

Have questions? For faster support please:

  1. Log in to PandaDoc
  2. Then click on the help button
  3. Choose Contact Support option

Or feel free to contact us using our public form:

Contact Support