Customize marketing email section styling

To further customize the design of your marketing emails, you can add rounded corners, borders, margins, and padding to individual sections. 

Add rounded corners to a section

1. In your HubSpot account, click More, then navigate to Marketing > Email. If More doesn't appear in your account, navigate to Marketing > Email directly.
2. Click the name of an existing email, or click Create email in the top right.
3. In the email editor, click a section.
4. To add uniform corner rounding: 
   • In the Rounded corners section of the sidebar editor, select the Apply to all sides checkbox.
   • In the Top left field, enter the corner radius in pixels that you want for all corners.
5. To add unique rounding to each corner: 
   • In the Rounded corners section, enter the corner radius in pixels that you want in the Top left field.
   • Repeat for the Top right, Bottom left, and Bottom right fields.

Please note: rounded corners will appear as square corners in Classic Outlook for Windows.

Add a border to a section

1. In your HubSpot account, click More, then navigate to Marketing > Email. If More doesn't appear in your account, navigate to Marketing > Email directly.
2. Click the name of an existing email, or click Create email in the top right.
3. In the email editor, click a section.
4. In the Borders section of the sidebar editor, click the Border style dropdown menu and select a style.
5. Enter the width in pixels of the border.
6. To set the border's color, enter a hexadecimal value, or click the color picker and select a color.
7. To select which sides of the section have the border, click Top, Right, Bottom, or Left. Any combination of sides can be selected.

Adjust section margins and padding

1. In your HubSpot account, click More, then navigate to Marketing > Email. If More doesn't appear in your account, navigate to Marketing > Email directly.
2. Click the name of an existing email, or click Create email in the top right.
3. In the email editor, click a section.
4. To adjust the top and bottom padding of the section:
   • In the Borders section of the sidebar editor, select Apply to all sides if you want the same padding on the top and bottom.
   • In the Top field, enter a padding value in pixels. Repeat for the Bottom field if you are setting separate padding.
5. To adjust the top and bottom margins of the section:
   • In the Borders section of the sidebar editor, select Apply to all sides if you want the same margins on the top and bottom.
   • In the Top field, enter a margin value in pixels. Repeat for the Bottom field if you are setting separate margins.