Drag & Drop Editor (New) - Part 4: Set the design style for your entire email

In the editor, you can set the styles for the whole template from the Themes section. For example, you can set the link color and style (bold, italic) which will be applicable for all the links that you add in the template. This way you save time as you do not need to define the styles separately for every link.

❗️ Important
We can activate the New Drag & Drop Editor on demand for your account.

To start with take a look at our detailed video on using Themes in the Drag & Drop Editor (New) 🚀.

What are the different settings in the Design tab?

The settings are divided into 6 parts that are content, background, text appearance, button, and spacing.

Content

The background and width settings of content blocks can be set from here.

Content background: Choose a background color which will be applied to all the content blocks in your campaign. In our example, the content background color is blue.

Content Width: Set the width of content block in pixels. By default, the width is set to 600px. When you change the width, the layout and content blocks are automatically resized. The content width is depicted by the yellow arrow in the below image.

mceclip0.png

Background

The template background color or background image can be set from here.

Background color: Choose a background color from the color picker. In the image below, the chosen color is applied to the background of the template. To remove the color, click the color palette and click Remove color.

Background image: You can either add an image from the content library by clicking Replace or Upload Image, or directly add url of an image in the URL input box. You can adjust the position, repetition and size of the image as required.

❗️ Important
If there is no content background color, the background color or background image will be added even on your content. Just add a content background color in Theme > Content if needed.

mceclip2.png

Text appearance

Styles

In this part you can choose the text appearance of all the styles (paragraphs, headings, etc).

You can set the font-family, size and font color for each style.

In the common settings, you'll be able to choose the line height and writing direction (left to right (LTR) or right to left (RTL))

You can also change the font of a specific part of your design by selecting the text and choosing the Font from the formatting bar at the top.

❗️ Important
If you have manually changed the font by selecting the text and using the formatting bar, the font will not change when you choose a font from Themes > Font.

Links

The style and color of the links added in text content block can be set here.

In the example below, we chose the color of the links and added the underlined option.

mceclip0.png

Button

From there you can define the default style of all the buttons of your newsletter. If you want to change the aspect of all the buttons quickly, do it from here!

mceclip1.png

⏩ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.