We asked our designer to write a well detailed user guide for you which contains essential tips, which you should take into account when creating a new email template from scratch. The first part of our “How to” articles deals with Email background settings, which can be configured in EDMdesigner under the Defaults tab.

When you start an email template from scratch, there are a few general styling options that you may want to consider.

EDMdesigner - Defaults Tab

These options can be found on the Defaults tab on the right panel.

Email Background

edmdesigner-bacground-settings

This option sets the whole background of the email. You can choose color, or an image. Keep in mind that in most email clients, especially on compact devices, there will not be much to see from this background, unless you choose transparent content elements. So it is mostly just for setting a general mood for the template.

Colored template background

According to the above, be careful when choosing a general color for your background. It is better if this color is not in a big contrast to the content, this was you can avoid having an awkward distinct frame around the content on compact devices.

edmdesigner-colored-tamplate-background

Background image

The same caution is advised with background images as with background coloring. It is likely that just a small portion of the image will be visible in most cases. Therefore in most cases it is not wise to use a big background image, the more because the client has to download that big file, even on mobile devices, and that can lead to slow loading and unnecessary network traffic and costs.

The more usual use of the background image is tiling, using a small repeatable image that resembles a material, or shows a geometric pattern.

EDMdesigner Background Image

We hope that you liked this short summary from Joe. We will continue our “How to” series with Default typography settings next week!

Author
Roland Pokornyik

Roland Pokornyik

CEO / Co-founder @ Chamaileon.io & EDMdesigner.com

  • Visual Email Testing with Developer Tools, Litmus and Email on Acid Visual Email Testing with Developer Tools, Litmus and Email on Acid

    Have you ever struggled with email testing before? The browser developer tools, Litmus and Email on Acid can help you. See how to use them together.

    Read more
  • How to Use JavaScript for Creating HTML Email Layouts How to Use JavaScript for Creating HTML Email Layouts

    Does it take you 1+ hour to code an HTML email template? Maybe it's time to reconsider your workflow. Learn how to create email layouts with scripts.

    Read more
  • How to Use Sublime Text for HTML Email Development How to Use Sublime Text for HTML Email Development

    Do you want to cut the development time of your next HTML email template in half? Streamline coding productivity with Sublime Text's greatest features.

    Read more