Working with text and image areas

Mail Designer 365 offers layout blocks that have text areas, image areas or both. A text area can only contain text, while an image area can contain images, photos, shapes, masks and styled text.

Learn how to change the background of a text area in Mail Designer 365 in this step-by-step FAQ.

How Can We Help?

A Quick Tour of Mail Designer 365

Background

Layout Blocks

TextScout

Editing Text

Links and Buttons

Configuring Text Styles

Tables

Image Areas

Images

Using Retina Images with your Design

Graphics and Other Objects

Creative Tools

Advanced Design Techniques

Blend Modes

Optimizing your Template for Mobile

Plain Text

Preview your Design

Preparing your Design for Sending

Email Delivery

1:1 Emails

HTML Export

Other Sharing Options

Appendix: Keyboard shortcuts

Basic compatibility tips

Changing the language settings of Mail Designer 365

Creating a new design

Early access to Beta versions of Mail Designer 365

How to use the search and sort features in Mail Designer 365

Alignment Shortcut Key Guide for Mail Designer 365

Mail Designer 365 Best Practice Guide

The Style section

Adding Patterns and Textures

Applying a background to a text area

Choosing a background

Edit the inner background of your design

Adding and removing layout blocks

Adding space in between layout blocks

Adjusting the size of areas within a layout block

Deleting saved custom layout blocks

Duplicating layout blocks

Saving custom made layout blocks

Text and image areas

Using Ready-Made Layout Blocks

Using TextScout AI for Email Subject Lines

Adding different types of text links

All Caps tool

Automatic hyphenation

Creating Nested Lists

Editing a text area

Editing text in an image area

Special characters

Using web fonts in Mail Designer 365

Working with font sets

Adding buttons

Adding different buttons with different links

Adding multiple links with a single image background

Creating a text link

Image Link in Newsletters – Tutorial for Mail Designer 365

Format link styles

Formatting styles for text links

Why is my link being applied to the entire image area instead of my button or shape?

Creating Text Buttons

Adjust letter spacing for text styles

Apply Emphasis to a Text Section

Creating "mobile only" text styles

Paste text and keep style

Setting up a fallback font

Using Text Styles

Accessing the tables feature

Adding borders to your table

Adding content to your tables

Building your table layout

Changing the color of your table

Editing image areas

Optimizing your image area

Using Alt Text

Adding image masks

Adding photos

Adding your own logos and signatures

Filling a mask with your image

How to crop images

Using Retina images for the desktop version

Using the image optimisation tool

Using Unsplash Image Integration

Deactivating Retina images for your template

Using Retina images with your design

Adding and duplicating graphics, shapes, and objects

Adding animated graphics

Adding video placeholders

Pixel precise element editing

Resizing objects

Rotating objects

Rounded corners

Using objects with text

Adding borders to design elements

Creating a border for your design

Using Alignment & Distribution Tools

Using Mail Designer 365's image effects

Using the Pinning Tool

Using the Shadow Tool

3 Incredible Eye-Catchers to Use in Your Designs

3 Ways to Use Blend Modes

Aligning different objects

Combining design elements

Creating a Sketched Headline Effect

Creating Call to Action Buttons

Creating polygons and polygrams

Editing images using third party applications

Grouping design elements

Moving objects to the front or back

Using hex color values

3 Ways to Use Blend Modes

Using Blend Modes

Using Blend Modes on Text

Adding layout blocks for the mobile version

Creating "mobile only" text styles

Hiding layout blocks in the smartphone view

Modifying a layout block for the mobile version

Working with text and links

Creating a plain text version of your design

Inbox Optimisation - Optimise the email preview text

Changing the size of the preview window

Inbox Optimisation - Optimise the email preview text

Open the preview window

Refreshing the preview window

Setting up a custom preview device

Checking your design for issues

Using the spell check and grammar check

Sender Email Address Setup: 3 Important Steps

Adding Email Contacts

Assigning attributes to your contacts in Mail Designer Campaigns

Case Study: Delivery Hub Audience Tools for Segmentation

Creating Audiences

Email Signup Form – Setup Guide for Mail Designer 365

Import Contacts from Mailchimp into Mail Designer Campaigns

Importing contacts from Apple Contacts to Mail Designer Campaigns

Importing Contacts from Campaign Monitor to use with Mail Designer 365 Campaigns

Inviting Team Members to Give Feedback on Designs

Saving your design

Sending a Campaign

Sending to Individual Recipients via Direct Mail

Set up a Team

Upload a Design to Crew Chat

Using the Testmail Feature

Sending to Individual Recipients in Campaigns Interface

Using the Mail Designer 365 Subscription Form Inserter for WordPress

Creating Audiences

Adding Email Contacts

Import Contacts from Mailchimp into Mail Designer Campaigns

Email Signup Form – Setup Guide for Mail Designer 365

Insert placeholders for sending with Mail Designer

Email Analytics and Reviewing Sent Campaigns

Adding an Unsubscribe Link in Mail Designer 365: Step-by-Step Guide

Blueprints: The easy way to create and share Email Templates for Teams

Exporting to other email marketing tools

How to Export Email as Webpage with Mail Designer 365

Hosting images for HTML email designs

Configuring SMTP email accounts

Converting email templates to JPG or PNG file

Exporting a design to Campaign Monitor

Exporting a design to Mailchimp

Formatting when uploaded to Mailchimp

Print your document

Using placeholders with Campaign Monitor

Using placeholders with Mailchimp

Popular Articles

Adding multiple links with a single image background

Converting email templates to JPG or PNG file

Using placeholders with Mailchimp

Image Link in Newsletters – Tutorial for Mail Designer 365

Insert placeholders for sending with Mail Designer

Newest Articles

Adding an Unsubscribe Link in Mail Designer 365: Step-by-Step Guide

Email Analytics and Reviewing Sent Campaigns

Blueprints: The easy way to create and share Email Templates for Teams

Creating Text Buttons

Insert placeholders for sending with Mail Designer

Recently Updated Articles

Adding an Unsubscribe Link in Mail Designer 365: Step-by-Step Guide

Email Analytics and Reviewing Sent Campaigns

Sender Email Address Setup: 3 Important Steps

How to Export Email as Webpage with Mail Designer 365

Adding photos

Text and image areas

Working with text and image areas

How Can We Help?

A Quick Tour of Mail Designer 365

Background

Layout Blocks

TextScout

Editing Text

Links and Buttons

Configuring Text Styles

Tables

Image Areas

Images

Using Retina Images with your Design

Graphics and Other Objects

Creative Tools

Advanced Design Techniques

Blend Modes

Optimizing your Template for Mobile

Plain Text

Preview your Design

Preparing your Design for Sending

Email Delivery

1:1 Emails

HTML Export

Other Sharing Options

Mail Designer 365

Get Support

Mail Designer 365 for

Company