Adjusting the size of areas within a layout block

A Quick Tour of Mail Designer 365

• Changing the language settings of Mail Designer 365
• Choose your design from Design Ideas
• 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
• Mail Designer 365 at a glance
• Mail Designer 365 Best Practice Guide
• Mail Designer 365 News section
• Mail Designer 365 Tutorials section
• The Contents section
• The Style section
Show more articles ( 1 ) Show less articles

Layout Blocks

• 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
• Working with layout blocks

Background

• Applying a background to a text area
• Choosing a background
• Creating transparent background effects
• Edit the inner background of your design

Image Areas

• Editing image areas
• How to pin elements
• Optimizing your image area
• Working with image areas

Graphics and Other Objects

• 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

Images

• 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

Working with Text

• 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

Text Styles

• Adjust letter spacing for text styles
• Apply Emphasis to a Text Section
• Creating "mobile only" text styles
• Format text using the Style section in the sidebar
• Paste text and keep style
• Setting up a fallback font

Creative Tools

• Adding borders to design elements
• Creating a border for your design
• Using Alignment & Distribution Tools
• Using the Pinning Tool
• Using the Shadow Tool

Image Effects

• Using Mail Designer 365's image effects

Working with Links and Buttons

• Adding buttons
• Adding different buttons with different links
• Adding multiple links with a single image background
• Creating a text link
• Creating an image link
• 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?

Tables

• Accessing the tables feature
• Adding borders to your table
• Adding content to your tables
• Building your table layout
• Changing the color of your table

Preview your Design

• Changing the size of the preview window
• Checking your design on different email clients
• Mobile and iPad preview
• Open the preview window
• Refreshing the preview window
• Setting up a custom preview device

Optimizing your Template for Mobile

• 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

Plain Text

• Creating a plain text version for the Apple Watch

Using Retina Images with your Design

• Deactivating Retina images for your template
• Using Retina images with your design

The Inbox View

• Inbox Optimization

Teamwork

• Creating targeted comments
• Leave a todo
• Lending your design
• Set up a Team
• Tag a team member in a comment
• Upload a design for approval
• Using the Log feature

Preparing your Design for Sending

• Checking your design for issues
• Exporting as a .zip file
• Saving your design
• Using the spell check and grammar check

Setting Up Mail Designer 365 for Sending

• Configuring your own email address for sending
• Using the Test Send Feature

Send via Mail Designer 365

• Adding attachments to your message
• Sending emails via Mail Designer 365

Advanced Design Techniques

• Aligning different objects
• Combining design elements
• Creating polygons and polygrams
• Editing images using third party applications
• Grouping designs elements
• Moving objects to the front or back
• Using hex color values

Sharing your Designs

• Converting email templates to JPG or PNG file
• Export as Mail Designer 365 document
• Print your document
• Share via email

HTML Export

• Exporting to other email marketing tools
• Exporting your design as a website
• Offering your email newsletter on the web

Exporting a Design to MailChimp

• Exporting a design to MailChimp
• Formatting when uploaded to MailChimp
• MailChimp editing and compatibility
• Uploading a design to MailChimp
• Using placeholders with MailChimp

Exporting a Design to Campaign Monitor

• Campaign Monitor editing and compatibility
• Exporting a design to Campaign Monitor
• Uploading a design to Campaign Monitor
• Using placeholders with Campaign Monitor

Appendix: Compatibility

• Appendix: Compatibility
• Basic compatibility tips

Appendix: Keyboard Shortcuts

• Appendix: Keyboard shortcuts
• Keyboard shortcuts for alignment tools

Advanced Design Techniques

• Aligning different objects
• Combining design elements
• Creating polygons and polygrams
• Editing images using third party applications
• Grouping designs elements
• Moving objects to the front or back
• Using hex color values