Changing the background color of emails in the Design Editor

Note: All emails and landing pages created in the Classic Design Editor are now legacy assets. They are now view-only and not editable. Users can create emails and landing pages with the Design Editor and Source Editor. Learn more in our product notice. Learn more about the differences between the different editors for emails and for landing pages.

There are different areas where you can change the background color of your email. You can set the color using hexadecimal or RGB values.

An image showing the different areas with background color

Number 1Email background: Change the background color of the area outside of the email canvas.

Number 2Canvas: Change the background color of the email canvas. This is the area that contains layout and content blocks.

Number 3Layout: Change the background color of a layout. For multi-column layouts, you can adjust the background color of each column.

Number 4Content block: Change the background color of content blocks.

To change the background of a layout or content block:

  1. With your email open, click the layout or content block you want to change.
  2. Change the background color using the panel settings.

    Tip: For multi-column layouts, you can adjust the background color of each column.

To change the canvas background color or email background color:

  1. With your email open, click An image of the style icon.
  2. Change the Email Canvas Color or Background Color setting in the Email Style panel.

Related

Adding background images

Changing the default font, color, padding, and border settings

Email authoring