Overview

This guide is for the eSignature product, Papersign. For Paperform, see Theme Overview.

Papersign makes it easy to create and edit documents that perfectly match your company's brand. In this guide, you will learn how to:

  • Customize the font, size, and color for all text.
  • Add headers and footers to original pages.
  • Add and edit images.

Text Styles

Formatting bar (editable pages only)

When creating a document or page from scratch in Papersign, you can highlight any text to bring up the formatting bar.

Some highlighted text, with the formatting bar visible

This lets you apply styles to the text, including:

  • Headings (H1, H2, H3)
  • Emphasis (bold, italic)
  • Hyperlinks
  • Lists (bullet points or numbers/letters)
  • Alignment (left, center, right)
  • The T icon to the right clears all formatting, returning to the basic style set for body text

If you select the numbered list icon, you'll see a second sub-menu which you can use to select the character type. This can be used to switch to letters or Roman numerals.

A highlighted list, set to a numbered list, with the character options visible above the standard formatting bar. The character "a" is selected, and so the list is ordered using the letters "a, b, c..."

The fonts for headings and body text can be set in the Theme menu.

Theme

To change the typography settings for your form, select "Theme" from the top-right corner of the editor.

Screenshot of the document editor, with focus on the expanded "Theme" section at the top of the right-side menu.

The first dropdown lets you select which type of text to edit.

  • Body text is the default paragraph font when creating new content with editable/original pages. This also affects text blocks on uploaded PDF pages.
  • Headings 1, 2, and 3 inherit their styles from body text by default, with the exception of font sizes. You can click on any setting to override it and set your own value. This setting only affects editable/original pages.
  • Fields control fonts for fillable fields, including answers and placeholder text.
  • Header/footer text also inherits its default styles from body text, with the exception of font size. This setting only affects editable/original pages.

Inherited values

All headings and the header/footer text inherit most of their styles from the body text by default. When they are using an inherited value, the settings will appear in grey.

You can select a new style to override the inherited value.

If you change it back to match the body text again, this will re-link the values, turning it back to grey. Further changes to the body text will now affect the inherited value again.

Font sizes for individual fields

Select any field on the document to view its settings. From here, you can set a unique font size that only applies to the selected field.

Screenshot of a selected text field, with focus on the "Font size" setting at the bottom of the right-side menu.

You can also change the alignment and padding in the settings for a text block (uploaded PDFs only).

Headers and footers

Click the area at the top or bottom of any editable page to add content in the header or footer.

Screenshot of a selected header. The middle of three cells is selected and the typing cursor is present.

By default, the area will be split up into three columns. You can change the width of each column by clicking and dragging along its border. Right-click to add or remove columns.

Once again, you can highlight text here to bring up the formatting bar. In this context, you'll see a new "fill" icon, which can be used to change the background color of the entire header/footer column.

Screenshot of a header column with a light blue background. The text inside of it is highlighted, the "fill" icon is selected, and a color picker menu appears to choose a new color.

You can add images to headers and footers as well, by clicking the + icon to the left, or by typing /image in the desired cell.

Images

Adding images

On original pages, click the + icon to the left of the selected line, then scroll down to select the "image" option in the "content" section. You can also type /image directly on to the page as a shortcut.

Screenshot of the menu open from the plus menu on the right side of an editable document, with "image" selected.

On uploaded PDFs, simply click on the document and select or type "image" in the pop-up menu.

From the following menu, you can either upload an image from your computer or select an image from Unsplash.

Positioning and editing images

On uploaded PDFs, images exist "on top" of the document. Click and drag the image to reposition it.

Images on editable pages appear inline with text. Click on an image to bring up a small formatting bar, which you can use to change the alignment.

Screenshot of a hovered and selected image in Papersign. Around the image are the formatting bar (above), orange image icon (top-right corner) and blue dot for resizing (bottom-right).

On either page style, hovering over the image will display a blue dot in the lower-right corner and an orange image icon in the top-right. Click and drag the blue dot to resize the image.

Clicking the orange icon will bring up our built-in image editor, as well as the option to replace it with a different image.

Screenshot of the image editor in Papersign.

The image editor can be used to crop the image, add a filter, adjust color levels, and add annotations. When you're happy with how it looks, click the "Done" button. Alternatively, you can click "Close" to cancel your changes and return to the document editor.

The "Resize" feature inside of the image editor actually changes the pixel size of the base image, rather than changing its size as it appears on your document. Most users will want to avoid this option, and resize by clicking and dragging the image corner from the main document editor instead.