Adjust vertical alignment and padding alignment-and-padding

In this example, we 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 pane.

    {modal="regular"}

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

    {modal="regular"}

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

    {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/bottom or left/right padding.

    {modal="regular"}

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

  6. Save your changes.

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