---
title: "Edit the layout of an email campaign"
slug: "edit-the-layout-of-an-email-campaign"
abstract: "How to change the presentation of a component in an email campaign."
---
# Edit the layout of an email campaign

When you create an email campaign, it is based on a template. You can [edit the content and layout of the email](https://doc.sitecore.com/xp/en/users/exm/100/email-experience-manager/edit-the-content-and-layout-of-an-email-message.html "Edit the content and layout of an email message"), and it's possible to add and remove components, for example to add or remove an image. You may also want to change the appearance of individual components in the email, for example, to change the size, color, or alignment of the text. Any changes that you make only apply to the current email campaign. They do not change the underlying template.

To change the presentation of a component:

1. In the Email Experience Manager, find and open the relevant email campaign.
2. On the **Message** tab, click the body of the message. This opens the message body in edit mode.
3. Click in one of the blocks, but be careful not to hover over the content. For example, in the following window, click in the white area to the lower left or right, not on the button or text:

    ![Click in an area of the component that does not contain any content.](https://doc.sitecore.com/api/markdown-image/xp/en/users/exm/100/email-experience-manager/images/EXM_100_Change_presentation_components_email_campaign_1.png)

4. In the dialog that appears, click on **More** and then select **Edit component properties** :

    ![Call to Action dialog box showing how to select the Edit component properties option.](https://doc.sitecore.com/api/markdown-image/xp/en/users/exm/100/email-experience-manager/images/EXM_100_Change_presentation_components_email_campaign_2.png)

    > [!tip]
    > If you do not see the Edit component properties option in the drop-down menu it is because you have selected content within the block. Try clicking somewhere else in the block.

5. In the **Control Properties** dialog box, scroll down to the **Section Options** section, and change the settings for one or more of the properties. For example, you can change the color of the text for links to red by setting the **Link Color** property to *##ff0000* or *red*.

The values of the **Section Options** properties are specified in the same way as in the CSS. For example, padding can be specified using values of *%*, *em*, or *px*.

The properties that are available in other sections of the **Control Properties** dialog are general Sitecore layout settings, and they are often configured by developers. For more information, see [Set placeholder restrictions](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/set-placeholder-restrictions.html), [Data sources](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/data-sources.html), and [Configure HTML caching](https://doc.sitecore.com/xp/en/developers/100/sitecore-experience-manager/configure-html-caching.html).