View and Edit Section Design in Email and Landing Pages

Mailchimp templates allow you to organize content blocks into separate sections, such as the header, body, and footer.

Set styles, like font size and background color, for each section to apply the preferences to all of the content blocks in that section. After you set your preferences for each section, further customize the design of your campaign in each content block.

In this article, you'll learn how to set styles for each section of your campaign and about the different design options.

Access the design tab

To access the Design tab in the Campaign Builder, follow these steps.

1. In the Content section of the Campaign Builder, click Design Email.
   
2. On the Design step, click the Design tab in the editor window.
   
3. Click the section you want to edit.
   
4. Set your preferences for the section, and click Save.
   

Design options for sections

Page
The area behind the central content in your campaign.

• Background Style – Change the background color for the campaign, and add a border to the top of the campaign.
• Email Border – Add a border around just the central content (text and images) of your campaign.
• Heading 1-4 – Set the font style for headings. Headings can be applied to text in content blocks by highlighting text and selecting the heading style from the Styles drop-down menu in the content block's editing toolbar.
  

Preheader
The area at the very top of your campaign that usually includes a blurb about the content of your campaign and a link to the campaign page for your sent campaign. Many email clients, like Gmail and Yahoo, show the preheader text after the campaign preview text and subject line in their inbox.

• Preheader Style – Change the background color, add a background image, and add a bottom or top border.
• Preheader Text – Set the text color, font, font size, line height, and alignment.
• Preheader Link – Change the text color, weight, and decoration for links.

Header
The main image and text at the top of the campaign. This is typically the first thing subscribers see when they open the campaign. It's a good idea to include your logo or company name so subscribers can quickly identify who the email is from.

• Header Style – Change the background color, add a background image, and add a bottom or top border.
• Header Text – Set the text color, font, font size, line height, and alignment.
• Header Link – Change the text color, weight, and decoration for links.

Body

The main message of your campaign. Include a good balance of text and images to engage subscribers.

• Body Style – Change the background color, add a background image, and add a bottom or top border.
• Body Text – Set the text color, font, font size, line height, and alignment.
• Body Link – Change the text color, weight, and decoration for links.

Columns
Content that appears in two or three columns rather than a single column. If your template also includes a Body section, the less important information is usually placed in the columns. This option is available only for templates with more than one column.

• Column Style – Change the background color, add a background image, and add a bottom or top border.
• Left Column Text – Change the text color, font, font size, line height, and alignment for the left column.
• Left Column Link – Change the text color, weight, and decoration for links in the left column.
• Center Column Text – Change the text color, font, font size, line height, and alignment for the center column. For three-column templates only.
• Center Column Link – Change the text color, weight, and decoration for links in the center column. For three-column templates only.
• Right Column Text – Change the text color, font, font size, line height, and alignment for the right column.
• Right Column Link – Change the text color, weight, and decoration for links in the right column.

Footer
The content at the bottom of your campaign. It contains information about your audience and organization, and provides an unsubscribe link. In many templates, this content is provided by default.

• Footer Style – Change the background color, add a background image, and add a top or bottom border.
• Footer Text – Change the text color, font, font size, line height, and alignment.
• Footer Link – Change the text color, weight, and decoration for links.

Mobile Styles
Change how your campaign appears on mobile devices. Preview and test your campaign by viewing test emails on mobile devices to check for readability.

• Template Width – Change the width of the template as it appears on a mobile device.
• Heading 1-4 – Change the set font size and line height for headings in your campaign.
• Boxed Text – Change the font size and line height for Boxed Text and Image Card content blocks.
• Preheader Visibility – Choose to Show or Hide the preheader when viewed in mobile devices. On mobile devices, the preheader stacks, so that the text on the left side of the preheader appears above the right-side text.

You also have the option to change the font size and line height for each section of the campaign. These styles are applied to the campaign only when viewing it on a mobile device.

MonkeyRewards
If you are on a Free plan or are a paid user who wants to include our MonkeyRewards badge, you can choose the badge color and logo style here. Paid users can choose to have the badge on or off from the Rewards Badge drop-down menu.