Add a border to an entire email
1. Click on the Stylesheet tab from the edit content panel
2. Click Backgrounds
3. Click Email Container
4. Click Border. Fill in details for border width, style and color
- Border Width: Enter a width in pixels (e.g, 5px). This creates the border thickness.
- Border Style: Select an option such as dashed, dotted, or solid.
- Border Color: Enter your color code or select a color with the color picker tool.
Add a border around a specific block
1. In your design, drag a Container block to your design
2. Drag and drop blocks into the container
The Container will act as a 'wrap' around all the blocks that make up your design.
3. Click on the container in your design
4. Click on the container's Styles tab
5. Click Block Container
6. Fill in details for border width, style and color
- Border Width: Enter a width in pixels (e.g, 4px). This creates the border thickness.
- Border Style: Select an option such as dashed, dotted, or solid.
- Border Color: Enter your color code or select a color with the color picker tool.
Add a background color
1. Click on the Stylesheet tab
2. Click Backgrounds
3. Click Body
4. Update the Background color
Enter your color hex value or select a color
Flow background across design
Using the Global Styles you can adjust your background body so that your design floats in the center. In other words, the background color would flow to fill the whole space behind the design.
1. Select Body <body>
2. Update the Background color to the same color as your Container Background color
Set a transparent color
Transparent colors have great support across most email clients. Outlook PC does not support transparent colors well. If there are email clients that do not support the feature, the email client will show an opaque solid color instead of a transparent one. Typical use cases for transparent colors in designs include:
- Background images: Set a transparent background color so that your background image can be seen through a color band.
- Text: Set your font color to transparent to hide the text.