------------------------------------------------------------------------------------------------------------------

Disclaimer: This is article is applicable for the new editor that was released in August 2020.

----------------------------------------------------------------------------------------------------------------------

You can use the Appearance tab to set up appearance-related settings for the entire email. Under this tab, you can see the following sections:

  1. General Settings
  2. Stripes
  3. Headings
  4. Button
  5. Mobile View

1. General Settings

In General Settings, you can set up settings such as the width of the email, font style, and font color for the email text, fonts for buttons, spacing between lines, email background color, content background color, padding in blocks, and underline for the links.

  • Email width: Set the email width to any size between 320px and 900px. The industry standard is 600px, which is set by default.
  • Default padding: Element padding is the space (left, right, top, and bottom) between the email border and the content. You can set this in Default padding, which will be applicable to all new stripes and structures added to the email from the Content tab.

  • Line spacing: Choose the spacing you have to have for all text elements of the email.
  • Responsive design: Turn on this switch to allow the email to adapt to the device on which the email is viewed. If you do not turn on this switch, the mobile version of the email will appear like the desktop version.
  • Background Image: Turn on this switch to pick an image from a free set of stock images, from your local machine, or from a website.

Stripes

Stripes are rows of elements that you can use for header, content, footer, and information area.

For each of these stripes, you can set the text size, stripe background image and color, content background color, font color, and link color.

To set a background image for the header and footer stripes, turn on the corresponding Background image switch. You can pick an image from a set of free stock images, from your local machine, or from a website.

Note: The elements in the structure remain intact.

Headings

To use different formatting for some text in the email that you want to highlight, use the Headings section.

You can set the default font style, font size, font color for the headings. You can also choose whether you want any heading to be in bold and italics.

Button

In this section, you can choose the settings for all the buttons in the email.

  • Highlight hovered buttons: In this menu, you have the ability to turn on the which is disabled by default when creating new emails.
  • Support of Outlook: This setting lets you improve the display of buttons in emails sent to the Outlook email addresses.
  • Button color: In this section, you can define the highlighted button color, font color, text style and size, the thickness and italics parameters, and also set border radius (the default setting is 30px) and border color.
  • Internal padding: You can set the Internal padding for buttons, independently for each side.

Mobile view

In this section, you can enable the settings for displaying emails on mobile devices.

  • Text size for stripes and menu items: Size of Header text, Size of the Content text, Size of Footer text, Size of Info area text, and <<Menu>> items font size.
  • Text size for headers: H1, H2, H3.
  • Horizontal alignment.
  • Email Content Margin for emails that will appear on mobile devices.

From structures and blocks, you can hide a specific element from appearing on mobile devices.

See Also

Did this answer your question?