Adjust vertical alignment & padding

Last update: March 27, 2025

CREATED FOR:

  • Beginner
  • Intermediate
  • User

In this example, we will adjust padding and vertical alignment inside a structure component composed of three columns.

  1. Select the structure component directly in the email or using the Navigation tree available in the left-hand menu.

  2. From the toolbar, click Select a column and choose the one that you want to edit. You can also select it from the structure tree.

    The editable parameters for that column are displayed in the Styles tab.

  3. Under Alignment, select Top, Middle or Bottom.

  4. Under Padding, define the padding for all side.

    Select Different padding for each side if you want to fine tune the padding. Click the lock icon to break synchronization.

  5. Proceed similarly to adjust the other columns’ alignment and padding.

  6. Save your changes.

TIP
When designing email content for Gmail on Android devices, ensure that images and dividers use column padding rather than large, fixed margins. Gmail on Android often renders oversized images and margins incorrectly, causing layout overflow or reduced divider lines. Use a smaller image width or rely on column-based padding for consistent display.
Previous pageEdit background settings
Next pageAdd inline styling attributes

Journey Optimizer