Help articles

CATEGORY: Help ArticlesDesigns

Smart Editor: Appearance settings

Smart Editor: Appearance settings

In the settings panel on the right-hand side of the Smart Editor you find the Appearance and the Content tabs.

Where is the appearance setting tab

Here we will deal with the Appearance tab. See our Content settings article for more information on Content.

The Appearance tab contains a general set of embedded settings to create and edit emails.

In Appearance tab, you have access to the following settings

General settings

They allow you to set the entire email width.

set the email width you require

Email width is 600px, by default. But you can also customize email width from 320 to 900px

You can:

  • set indents that will be used by default for all new structures

  • set background colour for the entire email

  • set background colour for the content stripe

  • pre-set basic font and its size for all new text blocks you add to email as well as font colour

  • set default colour for all email links

  • set default line spacing for all text elements (please note: this is the only line spacing setting available for mobile devices)

  • set or disable default underlining of links

  • activate adaptation for Gmail. As Gmail application includes an embedded feature to optimize emails displaying on mobiles, enabling this option may help to improve displaying. However, notice that results may vary on different devices

  • set the entire email background image.


Here you can set default font style, size, colour, font colour, link colour for stripes. 

Appearance settings

Here you can set the font size, stripe and its content background colour, font and links colour, and stripe background image.



Here you can set default font style, size, colour, bold and italics fonts for H1, H2, H3 headings.

Changing your headings style

Allows you to set some parameters that will be applied to all footer stripes in email.

Here you can set the font size, stripe and its content background colour, font and links colour, and stripe background image.



In this menu, this menu defines the button's colour when someone hovers over it. By default, it's disabled when a new email is created.

Changing your buttons style

The button menu allows you to set some default parameters that will be applied to all buttons in the email.

Support of Outlookbutton allows to improve buttons displaying in Outlook, by inserting a special VML-code element.

You can set button colour, hover effect colour, button font style, colour, size, bold and italic settings as well as set border radius (the default setting is 30px)

You can also set button borders and their colours here, for each side separately

set border radius

or the same for all sides (simply switch off the more button)

as well as the option to change button border colour and type on hover.

In addition, in this menu, you can set indents for button sides separately.

Mobile formatting

Mobile view menu settings are only used to configure emails displaying on mobile devices.

You can set the font size for header, content, footer, info area, text size for block menu, headers H1, H2, H3, and their horizontal alignment.

You can also set text size for the buttons, enable their full width displaying and set content margin for mobile.

mobile formatting settings

For more on mobile optimisation, take a look at our dedicated article.

Free email marketing healthcheck - icon

Email marketing healthcheck

We are confident that we can help you, which is why we offer a free healthcheck to identify potential issues with your current programme and free advice on things that could be done to improve it.

Get started