Knowledge Base

How to adjust line spacing in a signature template in CodeTwo software

Problem:

You want to reduce or increase line spacing in a signature template created with CodeTwo software.

Solution:

There are some differences in how line spacing is handled in signature templates across CodeTwo products. Choose your program to go to the appropriate section:

CodeTwo Email Signatures 365

Each element (text, table cell content, etc.) of a signature is placed in a separate paragraph. Pressing Enter in the signature template editor (available in the Signatures app) creates a new paragraph with the same style as the current cursor position. By default, if you haven’t defined any style or spacing, the editor uses a predefined margin of 0.1 pt (Fig. 1.). This ensures that spacing is always consistent, regardless of the email app you use.

Default line spacing in the editor available in CodeTwo Email Signatures 365.
Fig. 1. Default line spacing in the editor available in CodeTwo Email Signatures 365.

If you find line spacing in your signature template too large or too small, you can adjust it by using the margin and spacing options on the Formatting tab, as shown in Fig. 1.

Follow the steps below to adjust line spacing in your signature template:

  1. Open the signature template in the template editor and switch to the Formatting tab (Fig. 2.).

The Formatting tab in the template editor.
Fig. 2. The Formatting tab in the template editor.

  1. Place the cursor in the line you want to edit (Fig. 3.), or select multiple lines to edit them in bulk (as shown in Fig. 4.).

Placing the cursor within the line to be edited.
Fig. 3. Placing the cursor within the line to be edited.

  1. Use options available in the Spacing section to adjust paragraph margins, line spacing, or both (Fig. 4.). You can define the preferable spacing using pixel, point, or line units.

Warning:

The minimum margin value that you can set on the Formatting tab is 0.1 pt. Do not reduce this value in the HTML source code. Otherwise, email apps may override it with their own default style settings, distorting the layout of your signature.

Spacing options on the Formatting tab.
Fig. 4. Spacing options on the Formatting tab.

  1. If needed, repeat steps 2-3 for other lines in your template.
  2. Return to the Main tab and click Apply & Close to save changes in your signature template.

Tip

You can also use the options on the Formatting tab to adjust the margins of any images in your signature template.

CodeTwo Email Signatures On-prem / CodeTwo Exchange Rules (Pro)

In the signature template editor available in CodeTwo Email Signatures On-prem and CodeTwo Exchange Rules (Pro) software (discontinued), pressing Enter creates a new paragraph (Fig. 5.).

Two lines of text entered in CodeTwo Email Signatures On-prem.
Fig. 5. Two lines of text entered in CodeTwo Email Signatures On-prem.

In the HTML source code, it looks as follows:

<P>First line</P>
<P>Second line</P>

If you find line spacing in your signature template to be too large or too small, you can:

Inserting a line break

Inserting a single line break (<BR>) rather than a paragraph (<P> & </P>) reduces the spacing between separate lines of text in your signature. To insert a line break, press Shift+Enter instead of Enter (Fig. 6.).

Single paragraph divided into two lines.
Fig. 6. Single paragraph divided into two lines.

With the line break, your HTML source code looks as follows:

<P>First line<BR>Second line</P>

Using the <BR> tag ensures consistent spacing across email apps, while the <P> tag may look different depending on app settings.

To remove large paragraph gaps between the lines in an existing template, simply place the cursor at the end of the upper line, press Delete (the lower line will be moved up to the upper one), and then press Shift+Enter.

Alternatively, you can edit the HTML source code in the template editor. To access the HTML source code view window, click the </> Source button on the editor’s ribbon (Fig. 7.). In the window that opens, find the lines for which you want to reduce the line spacing and insert a single <BR> tag instead of the paragraph tags (</P> and <P>, highlighted in Fig. 7.).

Editing the HTML code in the HTML source code view.
Fig. 7. Editing the HTML code in the HTML source code view.

Adjusting line spacing on the Formatting tab

To reduce or increase spacing between individual lines of text, you can also use margin and spacing options available on the Formatting tab of the template editor.

Info

Note that the margin and spacing options of an existing paragraph are duplicated for a subsequent paragraph that is created when you press Enter in your template.

Follow the steps below to adjust line spacing in your signature template:

  1. Open the signature template in the template editor and switch to the Formatting tab (Fig. 8.).

Important

If you can’t see the Formatting tab, read this section.

The Formatting tab in the template editor.
Fig. 8. The Formatting tab in the template editor.

  1. Place the cursor in the line you want to edit (Fig. 9.).

Placing the mouse cursor within the line to be edited.
Fig. 9. Placing the mouse cursor within the line to be edited.

  1. Use options available in the Spacing section to adjust paragraph margins, line spacing, or both (Fig. 10.). You can define the preferable spacing using pixel, point, or line units.

Warning:

The recommended margin value is 0.1 pt or more. Do not set the margin value to 0. Otherwise, email apps may override it with their own default style settings, distorting the layout of your signature.

Spacing options on the Formatting tab.
Fig. 10. Spacing options on the Formatting tab.

  1. If needed, repeat steps 2-3 for other lines in your template.
  2. Return to the Main tab and click Apply & Close to save changes in your signature template.

Can't see the Formatting tab?

For the Formatting tab to be displayed, the cursor must be placed within a text that is surrounded by the <p> and </p> tags in the HTML source code, delimiting a paragraph.

If you don’t see the tab, switch to the HTML source view and add the <p> and </p> tags at the beginning and at the end of the line or table cell where you want to adjust line spacing (Fig. 11).

Adding <p> and </p> tags in the HTML source view.
Fig. 11. Adding paragraph tags in the HTML source view.

The Formatting tab will now be displayed, but you will also see an additional break added below the edited line or at the bottom of the edited cell, as shown in Fig. 12.

Visible Formatting tab and an extra break in the table cell after adding the <p> and </p> tags.
Fig. 12. Visible Formatting tab and an extra break in the table cell after adding the paragraph tags.

To remove the unnecessary break, place the cursor in the paragraph just above the extra space, go to the Formatting tab, and set both the top and bottom margins to 0.1 pt (as in Fig. 10.).

See also:

Was this information useful?
Our Customers: