Format and style text in an email

Change the text styles for an entire email template or style text within a specific block

Using a consistent font and color scheme throughout your email makes it look polished and professional. It's also less likely to trigger spam filters! Starting from the Styles tab is the quickest way to apply text styles to the entire email template, but you can also update the text in individual blocks with different styles for contrast or emphasis.

Note: To ensure your email displays consistently across email clients, there is currently no way to add your own font. If you want to use a font that’s not available in the editor and you’re comfortable using HTML, you can use our custom code editor to create your email instead.

• Choose the text styles for your entire template
• Change the text styles in an individual block
• Customize the background color, border, padding, and margins for your Text block
• Troubleshooting text styles

Design tip: To avoid spam filters, it's best to stick to two fonts or fewer throughout your email. It's fine to use various sizes of a single font.

Choose the text styles for your entire template

The Styles tab lets you choose the font, text color, and text size for your entire email, and add emphasis to the text and text links in your template.

1. While editing your email, click the Styles tab.
2. Click to expand the Fonts section.
3. Choose the styles you want to set for each element in your email template. As you change them, they automatically update within your template on the right:

• Font type
  Design tip: For the best results, choose an email-safe font; they display the most consistently across desktop and mobile devices.
• Text size
  Note: The text size is in pixels, rather than points, so it may appear smaller than you're used to. For example, 16px = 12pt.
• Text color
  Design tip: Add your brand colors to your account so you can easily access them from the Saved Colors section of the color palette.
• Text emphasis (Bold, Italic)
• Link text color
• Link styles (Bold, Italic, Underline)
  
  Note: Each element under the Styles tab applies to the corresponding blocks on the Content tab. For example, the Heading styles are applied to any Heading or Section Heading blocks in your template, Feature Heading and Text styles are applied to any Feature Article block, and Article Heading and Text styles are applied to any Article blocks, etc. Depending on which blocks you have in your template, some of the customization options may not apply.
  
  
  
  

Change the text styles in an individual block

If you want to format text within a specific block without altering the rest of your email, the block-level text toolbar lets you fine-tune your text styles and gives you more styling options than those available at the template level.

1. Click on the block you want to edit.
   
   
   
   
2. Highlight the text you want to change and, from the toolbar, select:
   
   

   Font - For best results, choose an email-safe font; they display the most consistently across different computer and mobile device types. Note: If you want to use a font not listed in the drop-down, you can create your email using custom HTML code instead. Text size - 14 to 16px text is best for the email body, and 22px text is good for headlines. Note: Text size is in pixels, rather than points, so it may appear smaller than you're used to. For example, 16px = 12pt.
   Text color - Change the text color. Select a color from the palette or click Advanced to enter a specific hex value. Design tip: Choose a color with good contrast against your background color so that it’s easy to read. There are accessibility tools online, like WebAim and Contrast Checker, that can help you choose the right colors. Highlight color - Change the text background color. Select a color from the palette or click Advanced to enter a specific hex value. Design tip: Add your brand colors to your account so you can easily access them from the Saved Colors section of the color palette.
   Text emphasis - Choice of bold, italic, or underline, with additional strikethrough, superscript, and subscript options available in the drop-down menu.
   Headlines - Apply a headline or paragraph style to the text. These options correspond to the Heading styles under the Styles tab.
   Text alignment - Choice of left, right, center, or justified.
   Line spacing - Change the spacing between your lines of text within the entire block. Choice of single, 1.2, 1.5, or double line spacing.
   List style - Choice of bullets or numbers. To indent a bullet, place your cursor at the start of the bulleted text and press the Tab key on your keyboard. Press Shift + Tab to outdent the bullet.
   Indent - Increase or decrease the indentation of your text.
   Clear formatting - Remove any formatting from the text and reapply the styles set on the Styles tab.   Did you know? Pasting text from another source can sometimes bring in hidden code that can cause formatting issues.

The text toolbar also offers Link and Insert options, so you can add things like text links, greeting tags, or contact details to further customize your email.

To change the text copy in a block, just highlight the text you want to remove and start typing your new text. The block gets smaller when you delete the content and expands as you type.

Customize the background color, border, padding, and margins for your Text block

You can customize the look of your Text block further by adding a background color and border, and adjusting the padding and margins around your text!

1. After clicking on the Text block, click the Background color swatch to choose a color for the background of the Text block.
2. If needed, click to expand the Border section.
3. Adjust the thickness if you want to add a border around your Text block.
4. Click the color swatch to select a color for your border.
5. Use the Style drop-down to select if you want a solid, dashed, or dotted border.
   
   
   
   
6. If needed, click to expand the Padding section.
7. Click the toggle to apply the same amount of padding around all sides of your text and choose the amount of padding you want, or adjust the padding for the top, bottom, left, and right of the text.
   
   
   
   
8. If needed, click to expand the Margin section.
9. Click the toggle to apply the same margins around all sides of your text block border and choose the amount of space you want, or adjust the margin for the top, bottom, left, and right of the border.
   
   

Troubleshooting text styles

When you're trying to style your text and it isn't cooperating, there are a couple of reasons that couldn't preventing your style selections from being applied:

• Text styles are applied to the entire template, except where you've previously used the block-level text toolbar to style a specific block of text. If you notice that the text doesn't change when you adjust the styles from the Styles tab, you'll need to edit it using the block-level text toolbar, or you can clear the formatting to reapply the template-wide styles.
• When working on an Apple device, like a Mac or iPad, Apple can automatically create links to Apple Maps when an address is added, or create a click-to-call link when a phone number is added in your text copy. These links can't be removed, but you can control the styling to hide them by adding your own link to the text and then using the text editor to match the font styles of the surrounding text.

Questions?