Managing Layout Margins and Text Spacing in the Email Builder

Understanding Layout Margins and Text Spacing

Layout margins and text spacing controls in the CRM's Email Builder give you precise control over the spacing and positioning of your email content. These tools allow you to create professional-looking emails with balanced layouts directly within the drag-and-drop interface.

Layout margins control the space between different content blocks in your email, while text spacing controls let you customize the space above and below text elements like headings and paragraphs. This eliminates the need for workarounds like extra padding blocks or custom HTML code.

Benefits of Using Margin and Spacing Controls

These controls offer several advantages for email design:

• Create consistent vertical spacing between sections, rows, and content blocks
• Improve readability by controlling spacing around headings and paragraphs
• Maintain visual balance and professional appearance across your emails
• Reduce dependency on spacer elements and custom coding
• Ensure typography consistency throughout your email campaigns

Adjusting Layout Margins

To modify the margins between layout elements in your email:

1. Open the Email Builder from the Marketing → Emails section
2. Select any layout block (such as a row, section, or column)
3. In the settings panel on the left, locate the Margin section
4. Adjust the Top and Bottom margin values using the slider or by entering specific pixel values
5. Observe the real-time preview of your changes
6. Save your modifications when satisfied

Customizing Text Spacing

To control spacing around text elements like headings and paragraphs:

1. Open the Email Builder from Marketing → Emails
2. Click on the Appearance button in the top left area, then select Typography Settings
3. Enable and customize spacing for each text tag (H1, H2, Paragraph, etc.)
4. Set Top Spacing to add space above the text element
5. Set Bottom Spacing to add space below the text element
6. Enter your preferred spacing values (such as 10px or 1rem)
7. Save your changes to apply them globally to emails using those text styles

List Item Spacing

For bulleted or numbered lists, you can control the vertical spacing between individual list items to improve readability and create consistent visual rhythm.

To adjust list item spacing:

• Select a Rich Text or Bullet List element in the page builder
• Navigate to the Style panel
• Locate the List Item Spacing control (positioned near Line Height)
• Adjust the spacing between list items as needed

Note that list item spacing only affects the gap between items, not the line height within individual items. You can use both controls together—Line Height for spacing within text blocks and List Item Spacing for separation between list items.

Frequently Asked Questions

Which blocks support layout margins?

You can adjust margins for most layout elements including rows, sections, and columns within the Email Builder.

Do typography spacing changes affect all my emails?

Yes, modifications to Email Typography Settings apply globally to all emails that use the corresponding heading or paragraph tags.

Can I preview spacing changes before sending?

Yes, the Email Builder shows real-time previews of all spacing adjustments as you make them.

Should I use margins or spacer elements for vertical spacing?

Margins are now the preferred method as they provide more precise control and reduce the need for additional elements.

Can I set different spacing for desktop and mobile?

Currently, spacing settings apply uniformly across all device types in the Email Builder.

Next Steps

• Update your global Email Typography Settings to ensure consistent spacing across campaigns
• Review existing email templates and use layout margins to improve spacing issues
• Create reusable email sections with optimized spacing to streamline future email design