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 2: Lines and Layout
Help article 4: Appearance (You are here)
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
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.
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'.
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.
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.
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.
Space below paragraph
With this feature, you can add an extra line of white space below each paragraph.
Underline links
This feature adds an underline to each link in your campaign.
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.
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.
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.
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.
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.
Font
You can customise the font of headings in your campaign to different fonts.
Line Spacing
You can increase or decrease the white space between headings by adjusting the line spacing.
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.
Button
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.
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.
Button Colour
With this feature, you can customise the colour of buttons in your campaigns.
Highlight Button Colour
With this feature, you can customise the colour of the highlighted button in your campaigns.
Font Colour
With this feature, you can customise the colour of text in buttons in your campaigns.
Highlight Text Colour
With this feature, you can customise the colour of the highlighted text in buttons in your campaigns.
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.
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.
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.
(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.
Hide element
This feature allows you to hide certain blocks or other content on mobile devices or desktop.
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