Changing the background colors of components and layouts
There are different areas where you can change the background color of your message. You can set the color using the color selector or by entering hexadecimal values.
Background: Change the background color of the area outside of the message canvas.
Canvas: Change the background color of the message canvas. This is the area that contains layout and content components.
Layout: Change the background color of a layout or choose a background image. For multi-column layouts, you can adjust the background color of each column.
-
Background images will render full size and will not adjust to the size of the container. You may need to use spacers and padding for best appearance. You may also need to crop the image to the required size.
-
For best results in messages viewed using Microsoft Outlook, use background colors only. Outlook does not support background images.
Content component: Change the background color of content components.
To change the background of a layout or content component:
-
With your message open, click the layout or content component you want to change.
-
Change the Background Color setting on the layout or component's Style
panel.Tip: For multi-column layouts, you can adjust the background color of each column. From the Layout style panel, click the column name to open its style properties.
To change the canvas background color or message background color:
-
With your message open, click
. -
Change the Canvas Color or Background Color setting in the Style panel.
Creating messages in the visual editor