ÃÛ¶¹ÊÓÆµ

Adjust vertical alignment and padding alignment-and-padding

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

  1. Select the structure component directly in the email, or use the Navigation tree available in the left pane.

    Screenshot showing the structure component selection in the navigation tree {modal="regular"}

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

    Screenshot showing the column selection from the contextual toolbar {modal="regular"}

  3. The editable parameters for the selected column are displayed in the Styles tab. Adjust the Alignment using the dedicated section.

    Screenshot showing the alignment adjustment options in the Styles tab {modal="regular"}

    For example, select Bottom. The content component moves to the bottom of the column.

  4. Under Padding, define the top padding inside the column, and set the left and right padding for that column.

    note note
    NOTE
    Click the lock icon to break synchronization between the top and bottom or left and right padding.

    Screenshot showing the padding adjustment options {modal="regular"}

  5. Adjust the alignment and padding for the other columns in the same way.

  6. Save the changes.

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b