Row Properties (new Email Composer) Beta

  • Updated

Rows are foundational to your email design. They serve as the container for Content Blocks and are crucial for mobile responsiveness. Unlike fixed-width layouts, Rows in this builder automatically adjust to the screen size of the device on which they are displayed. The builder provides various settings for Rows, which allow you to apply design elements to multiple Content Blocks at once.

Please note that the new Email Composer is currently in Beta. This beta is limited and not available for all customers at this time.

Selecting a Row

To make changes to a Row, you first need to select it:

  1. Hover over an empty space on the stage, usually to the left or right of the content area.
     appears on the left, enabling you to drag the Row.

Row Properties (new Email Composer) 01.png

  1. Click outside the content area to select the Row.

Row Properties (new Email Composer) 02.png

Once you've selected a Row, the builder's sidebar will display various Row-specific properties you can modify.

Available Row Properties

Here are some of the properties you can adjust for a selected Row:

  • Row background color: Set the background color for the entire Row.
  • Content area background color: Specify the background color for just the content area within the Row.
  • Row background image: Select an image to be the background for the row. Learn more
  • Content area border: Set a border around the content area with customizable color, width, and style.
  • Content area rounded corners: Add rounded corners to the content area.
  • Vertical align: Choose the vertical alignment for the content within the Row. Options usually include top, middle, and bottom.
  • Stack on mobile: Select off to prevent the content within the Row from stacking vertically on mobile devices.
  • Stack order on mobile: Reverses the order of content when stacked vertically on mobile devices.
  • Hide on Mobile/Desktop: Makes the Row invisible on mobile or desktop devices.

Selecting a Row will automatically deselect any previously selected Content Block.
A single Row may contain multiple columns, all of which will be selected when you choose the Row.

By understanding and utilizing these Row properties, you can create more effective and visually appealing designs that work across different devices.

Design Tips for Dark Mode

Creating dark-mode-friendly designs can be complex, but here are some key pointers to help you:

  • Avoid using pure white (#FFFFFF) and pure black (#000000); opt for off-whites and gray-blacks instead. This can mitigate the impact on email clients that perform full-color inversion.
  • Transparent PNGs are preferable for flexible design adaptability.
  • Outline text in contrasting colors for better legibility, particularly if it's part of an image.

By making the most of the Dark Mode Preview feature and adhering to these design guidelines, you'll be better equipped to produce emails that offer a consistent and appealing experience, regardless of your audience's device settings.

Was this article helpful?

Have more questions? Submit a request