Change the background color of an individual block or layout in an email

Make a block or a prebuilt layout stand out in your template by changing its background color

A pop of color can help content stand out from the rest of your email. It's a great way to highlight your key points or call-to-action using your brand colors!

• Change a block's background color
• Change a layout's background color

Design tip: Your template uses blocks, layouts, and sections to help organize your content. The way you group your content together helps you to determine how to use color to organize your points and highlight your

Change a block's background color

Each block has its own editing panel that you can use to change the background color independently of the template-wide colors you set from the Design tab.

1. Click on the block to open the left-hand panel.
2. Click the Background color swatch.
3. Choose a color from the Basic palette, choose from your Recent or Saved colors, or click Advanced to add a specific HEX value. Placing your cursor over a color lets you preview it before clicking to select it.
   
   
    

When you change the background color of an individual block, it will no longer change with any background color changes made from the Design tab. If you change the color of an individual block and later move it into a layout, it takes on the color of the layout.

Design tip: Create a simple border around an image by resizing the image to be smaller than the block, allowing the background color to show as the border. You may need to adjust the image padding or crop the image to get the right ratio.

Change a layout's background color

A layout is a group of individual blocks combined into their own row. There are Layout blocks that you can drag into your template from the Build tab, or you can build your own layout. The Design tab lets you control the background colors throughout your template, but you can also change the background color of an individual layout using the Row menu. Keep in mind that when you change the background color of an individual layout, it will no longer change with any background color changes made from the Design tab.

1. Place your cursor over the layout you want to change and click the three dots ( . . . ) at the bottom of the Row menu
2. Click the paint can icon.
3. Choose a color from the Basic palette, choose from your Recent or Saved colors, or click Advanced to add a specific HEX value. Placing your cursor over a color lets you preview it before clicking to select it.
   
   
    

Design tip: Depending on the template you're working in, some Layouts may contain a border or other design element that can't be removed. If you don't want them, recreate the layout by dragging Text, Image, and Headline blocks into your email.

Any links we provide from non-Constant Contact sites or information about non-Constant Contact products or services are provided as a courtesy and should not be construed as an endorsement by Constant Contact.

Questions?