Skip to main content

Layout Margins and Text Spacing Controls in Stack's Email Builder

Designing emails with Stack's Email Builder just got easier! Discover how layout margins and text spacing controls can help you craft clean, consistent, and visually appealing emails without needing extra padding blocks or custom HTML.

Table of Contents​

Understanding Layout Margins and Text Spacing Controls​

In Stack's Email Builder, layout margins manage the space between content blocks, while text spacing controls allow you to adjust the spacing above and below text elements like headings and paragraphs. These features enable you to fine-tune your email's formatting for a polished, professional look.

Benefits of Using Margin and Text Spacing Controls​

These settings simplify the process of creating attractive emails directly within the drag-and-drop builder:

  • Set vertical spacing between sections, rows, and content blocks.
  • Control top and bottom spacing for headings (H1–H4) and paragraph text.
  • Enhance readability and overall layout balance.
  • Ensure consistency across email campaigns and templates.
  • Minimize the need for spacer elements or custom code.

Adjusting Layout Margins​

Layout margins define the space between blocks and sections in your email layout.

  1. Open the Email Builder from the Marketing → Emails tab.
  2. Click on a layout block (such as a row, section, or column) in the email.
  3. In the settings panel on the right, scroll to the Margin section.
  4. Adjust the Top and Bottom margins using the slider or by entering a specific value (in px).
  5. The margin changes will preview in real time.
  6. Click Save to preserve your changes.

Customizing Text Spacing for Headings and Paragraphs​

Text spacing controls help maintain consistent typography throughout your email content.

  1. Go to Settings → Appearance in your Stack account.
  2. Click on Typography Settings.
  3. Locate the Email section.
  4. Enable or edit the spacing for each text tag:
    • Spacing Before: Adds space above the tag.
    • Spacing After: Adds space below the tag.
  5. Enter your desired spacing (e.g., 10px, 1rem).
  6. Click Save to apply changes to all emails using that tag style.

Frequently Asked Questions​

Q: Are layout margins only available for certain blocks in the Email Builder?
You can adjust margins for most layout elements including rows, sections, and columns.

Q: Will typography spacing changes affect all emails?
Yes. Changes to Email Typography Settings will apply globally to emails that use those specific heading or paragraph tags.

Q: Can I preview spacing changes before sending the email?
Yes. Spacing changes are reflected in the Email Builder preview in real time.

Q: Is it better to use margins or spacers for vertical spacing?
Margins are now the preferred method for spacing since they provide precise control and reduce reliance on extra elements.

Q: Can I apply different spacing settings for desktop and mobile?
No, spacing settings apply universally across devices in the current version of the Email Builder.

Enhance your email design process with these powerful tools in Stack's Email Builder!