If you want to add spacings and backgrounds (or images and text)  to the various elements of your email template, you will need to use some "invisible" tables; we call them "Boxes".

These tables provide frames to all of the elements you insert into them. You have control over the following properties:

Spacing - Set pixel-perfect paddings and margins. Padding is the space between your inner content and the border of the Box, while margin is the space outside the border.

Borders - You can set color, style, width, and radius (coming soon).

Background - Color, image, or pattern. Note: Outlook does not support background images, so you need to apply secondary background colors, because only these will show in Outlook.

Hide preferences - You can configure this if you want to hide the given Box and its content on mobile or desktop. In this way, you can show different content to your email subscribers depending on their device.

In Chamaileon, you can change these features in the toolbox on the right side of the old editor:

You can change these features in the toolbox on the right side of the new editor:

Most email builders have some kind of "box" element built into their HTML code, but in most cases users are not able to control all the above properties, especially not in a "pixel-perfect" manner.

You will usually find a Divider or Spacer element in email builders as well, which is technically an "empty box" which can have spacing, background, and border properties.

This handy little box (table) element is very useful if you want to truly customize an existing email template or you want to recreate a really complex design based on a PSD.

When you understand how rows, columns, and boxes relate to each other, you'll be able to do some real magic and turn your imagination into reality.

Did this answer your question?