MailBlue Email Designer | Help Article 4: Appearance

This help article contains information about the visual functions in the Email Designer within MailBlue.

You can find the Email Designer in MailBlue by creating a new campaign under 'Campaigns'. Then, give the campaign a name and select to which list(s) you want to send the campaign. Under 'Choose a template type', select 'Email Designer'.

If you prefer to watch a video on how to work with the MailBlue Email Designer, you can watch the video here.

There are a total of 5 help articles about all the functions you may encounter in the MailBlue Email Designer. Therefore, you will find quick navigation below.

 

Quick navigation

Help article 1: Menu bar

Help article 2: Lines and Layout

Help article 3: Content

Help article 4: Appearance (You are here)

Help article 5: Mobile view

 

Tip: Are you looking for a specific topic within the MailBlue Email Designer? Use Command (on Apple devices) or CTRL (on Windows) + F to search on this page.

Let's get started!

 

General settings

Screenshot 2023-08-21 at 15.41.57.png

 

Message width

You can adjust the full width of your campaign as desired. This setting is default to 650. The minimum width is 320 and the maximum width is 900.

 

Screenshot 2023-08-21 at 15.42.05.png

 

Standard padding

Standard padding adds extra white space to the sides of your campaign. It is an invisible layer inside the four sides of your campaign. You can adjust each side by clicking on 'More'.

 

Screenshot 2023-08-21 at 15.42.50.pngScreenshot 2023-08-21 at 15.43.08.png

 

General background

You can customise the background of your campaign as desired. By default, the general background is set to transparent. Please note that when using blocks, this feature does not adjust the background of the blocks.

 

Screenshot 2023-08-21 at 15.44.07.png

 

Font

You can adjust the font of text in your campaign to different fonts as desired. In case an email program does not support the non-standard font, a similar standard font will be used instead.

 

Screenshot 2023-08-21 at 15.44.18.png

 

Line spacing

There is a small white space between lines of text in your campaign by default. This ensures that the lines are not stuck together and that text is easily readable. You can make this white space larger or smaller by adjusting the line spacing.

 

Screenshot 2023-08-21 at 15.49.35.png

 

Space below paragraph

With this feature, you can add an extra line of white space below each paragraph.

 

Screenshot 2023-08-21 at 15.44.28.png

 

Underline links

This feature adds an underline to each link in your campaign.

 

Screenshot 2023-08-21 at 15.44.37.png

 

Responsive design

When this feature is off, your campaign will look the same on other devices as the desktop version. If this feature is on, the campaign will automatically adjust to the device for the best display.

 

Screenshot 2023-08-21 at 15.44.44.png

 

You can use this help article for designing phone-friendly campaigns.

 

RTL text direction

Here you can adjust the text direction of your campaign. RTL stands for Right-To-Left. This feature is disabled by default because most MailBlue users write from left to right. Therefore, campaigns are set to the LTR (Left-To-Right) text direction by default.

Screenshot 2023-08-21 at 15.44.53.png

Background Image

You can customise the background of your campaign as desired. Note that when using blocks, this feature does not adjust the background of the blocks. You can set the image to repeat, centre, and position.

Screenshot 2023-08-21 at 15.45.50.png

Lines

The layout of a campaign consists of lines. You can think of lines as different components that make up a campaign. Lines and other layout options are extensively discussed in the MailBlue help article 'Lines & Layout'. Click here to go to the article.

Screenshot 2023-08-21 at 16.00.07.png

Headings

A heading is a title above a paragraph or chapter. You can see the 'heading' line as a section where the title and/or subheadings of a paragraph or chapter are located. An introduction to a story can also appear in the heading.

Screenshot 2023-08-21 at 16.02.00.png

Font

You can customise the font of headings in your campaign to different fonts.

Screenshot 2023-08-21 at 16.03.47.png

Line Spacing

You can increase or decrease the white space between headings by adjusting the line spacing.

Screenshot 2023-08-21 at 16.03.55.png

Heading H1, H2, H3

You can use three different headings in a campaign. For each heading, you can select the font size (between 8 and 72), bold or italic, and the text colour.

Screenshot 2023-08-21 at 16.04.03.png

Button

Screenshot 2023-08-21 at 16.05.32.png

 

Highlight Buttons When Hovered Over

This feature allows a button to stand out more when hovered over. By checking this feature for 'Colour highlighted button' and 'Colour highlighted text', you can customise the button appearance when the cursor hovers over it.

 

Screenshot 2023-08-21 at 16.11.11.png

 

Outlook Support

Checking this feature ensures the most accurate display of buttons in Microsoft Outlook and Hotmail email clients by inserting a special VML code element. If this option is checked, the size of the email message can be increased by kilobytes for each added button.

 

Screenshot 2023-08-21 at 16.11.21.png

 

Button Colour

With this feature, you can customise the colour of buttons in your campaigns.

 

Screenshot 2023-08-21 at 16.11.39.png

 

Highlight Button Colour

With this feature, you can customise the colour of the highlighted button in your campaigns.

 

Screenshot 2023-08-21 at 16.11.47.png

 

Font Colour

With this feature, you can customise the colour of text in buttons in your campaigns.

 

Screenshot 2023-08-21 at 16.11.59.png

 

Highlight Text Colour

With this feature, you can customise the colour of the highlighted text in buttons in your campaigns.

 

Screenshot 2023-08-21 at 16.12.05.png

 

Text Style

When you have added a border to your button, this feature allows you to adjust the hardness of the button's edges. By default, the corners of the border are 90 degrees, but by adjusting the ratio of the border, you can make the corners round.

Screenshot 2023-08-21 at 16.15.04.png

Border

This feature allows you to customise a border of a button in your campaign. You can select the thickness, pattern, and colour under 'General'. By checking 'More', it is possible to adjust the thickness, pattern, and colour per side.

Screenshot 2023-08-22 at 08.59.09.png

General border colour

This feature allows you to customise a border of a button in your campaign when hovering over it with your mouse. You can select the thickness, pattern, and colour. By checking 'More', it is possible to adjust the thickness, pattern, and colour per side.

Screenshot 2023-08-22 at 08.59.36.png

(Internal) padding

This feature allows you to add (internal) padding to your campaign. It adds extra space inside your campaign, causing elements to shift towards the centre of the campaign. It is possible to adjust the internal padding per side.

Screenshot 2023-08-22 at 09.00.01.png

Hide element

This feature allows you to hide certain blocks or other content on mobile devices or desktop.

Screenshot 2023-08-22 at 10.28.26.pngScreenshot 2023-08-22 at 10.28.32.pngScreenshot 2023-08-22 at 10.28.36.png

Are you about to send a campaign but not sure how? Then read this help article!

Do you have a question about the MailBlue Email Designer or a feature within the MailBlue Email Designer that is not covered in any of the articles? Then send an email to info@mailblue.nl.

Previous help article? Click here for help article 3: Content

Next help article? Click here for help article 5: Mobile view

Was this article helpful?
0 out of 0 found this helpful