Settings for Text Content Block

How to add and configure a Text Content Block, including fonts, spacing, and alignment.

Written By Danny Schaffer

To change Settings for a text area, first make sure that a Text Content Block (Paragraph, List, or Heading block) has been added to the email.

Adding a Paragraph, List, or Heading Block

To add a text type block:

  1. Click the Content tab, expand the “Text” content category if it isn’t already expanded

  2. Drag and drop a Paragraph, List, or Heading block in the email.

  3. Click within the text area and start typing to create your text content.

The WYSIWYG Editor

"What You See Is What You Get" - This area behaves much like any WYSIWYG editor. Make text bold or italicized, change the color of specific text areas, and add emojis here.

This area is also where you can link your text.

Note: To alter the color of the text as a whole, or to change the link text color, look to the Content Properties area on the right.

A gif shows a text area click, then the user edits the content by highlighting a section of text and making it Bold in the WYSIWYG editor above.

Content Properties

In the Content Properties area on the right side of the Email Editor, you can adjust:

  • Font - Select between different web-safe or Google fonts (as enabled by your company.

  • Font size - Select the size of the font for the entire text area.

  • Text Color - Enter a hex code or click on the color square to use the color picker.

  • Link Color - This will only apply to linked text within the selected text block. Similarly, enter a hex code or use the color picker to select a color.

  • Alignment - Left, center, right, or justified alignment are available

  • Paragraph Spacing - Control the space between returns specifically, allowing you to keep your line spacing tight, but more space after a paragraph ends

  • Line height - Adjust line-height settings simply by toggling through the 4 preset spacing options.

  • Letter Spacing - Change the spacing between letters. This is better suited for smaller text areas or titles

In this gif, the user clicks the image area and goes to the "Content Properties" area to the right. They adjust the Font, adjust the font size, change the alignment, and set the line height. They then adjust the "Block Padding" increasing the padding on all sides.

Block Options

The "Block Options" section of the Content Properties tab allows you to adjust the padding for the content block itself, as well as hide the content on mobile or desktop environments.

The default setting is a matching pixel count of Padding on each side of the content, but click "More Options" to be able to set each side individually.

The image on the right gives you a rough preview of what your padding changes will look like, but you'll also be able to see the changes in real time in the email to the left.

To "Hide on" a certain type of device, click the name of the environment from which you'd like to hide this content.