Working with text


Editing text
Pasting text
Adding formatting
Changing the font
Changing text colour
Choosing and managing styles

When working inside a text block, the text toolbar will be shown at the top of EasyEditor.


Editing text

The editor works as you'd expect a WYSIWYG editor to work. To change existing text, simply highlight it using your mouse and type.


To add text, place your cursor where you want and start typing!

Pasting text

When you copy text from another application or webpage, it's often not just the text that you copy, but also some of the formatting. Therefore, to avoid pasting unwanted formatting into EasyEditor, use our paste tool.

Please note: Sometimes, formatting discrepancies aren't visible in EasyEditor or in the preview window. To check for these discrepancies, send a test send of your campaign.


The paste tool removes any unwanted formatting and pastes only the text into EasyEditor. If you want to keep the formatting you can use the options in the dropdown.


Adding formatting

To add bullets to text, select the text and click on the Bullet point icon. You can also click on Numbering to create a numbered list.


Other formatting options such as bold, italics, underline, strikethrough, superscript, subscript, alignment and line height are also available from the ribbon.


For line height, you can choose 0.5, 1.0, 2.0 or you can set a custom height to apply.


Changing the font

To change the font, just select a new font from the fonts dropdown. You can also change the size of the font; the text shown below is currently Arial in black with a font size of 14pt.


Changing text colour

To change text colour, highlight the text and click on the text colour dropdown to display the colour palette. Just click on the colour you want to use.

Any colours already in use in the campaign/template will be shown.


Click on More colours to access the colour picker. From the colour picker, you can also save colours to My colours for fast access by clicking on Add to my colours. A maximum amount of 50 colours can be stored.


Remove colours from your My colours swatch by clicking on [Manage] in the colour picker, selecting the unwanted colour or colours from the 'Manage colours' window that appears, and then clicking Remove selected. This is useful when saved colours begin overly cluttering up your swatch.


Choosing and managing styles

Please note

'Styles' will be available in the text toolbar for templates taken from the 'Start from scratch', 'Mobile email. Rebooted.' and 'Mobile email. Rebooted for the holidays' sections of the 'Free' templates library. It also applies to the same templates if they were selected prior to the release of 16three (released 12 October 2016). However, you'll need to add the correct HTML to the source code for the feature to work in any other templates. For more on the markup required, read about creating text styles in EasyEditor.

You can use the 'Styles' dropdown to easily apply consistent font styles across a campaign.

You can also use the 'Styles' dropdown to change and manage button styles.

Changing a font style

To change a font style, click the text block that you wish to change and then click the 'Styles' dropdown in the toolbar.

The 'Styles' dropdown will appear displaying the campaign's styles.


Select the style that you want and this will be applied instantly to the text block you've selected.

Managing your styles

You can manage your styles by clicking Manage my styles at the bottom right of the 'Styles' dropdown.


Note: You won't be able to manage styles if the campaign's styles have been locked. In campaigns with locked styles, you'll only be able to select the styles that are in the 'Styles' dropdown.

The 'Manage styles' side panel will slide in from the right, enabling you to click on the style you wish to edit. The 'Edit style' panel will then slide in for the selected style.

Here you can change the font, size, colour, alignment, line spacing, and so on.


Once happy with your changes, click Apply. All of the text for the edited style will then change across the whole of your campaign, and will update in the 'Styles' selector.

Good to know

If you change the default style of the campaign, and then subsequently change another style, and then decide to change the default style again, the changes made to any other styles will be maintained within your campaign and won't be overridden by the latest default style change.

Styles for buttons

You can also select styles for buttons, and manage them (again, only as long as your styles aren't locked down).

As with text, click on a button and then click Styles to open the selector and select your button style. 


To manage your button styles, click Manage my styles (which can be accessed either by clicking on a button or within a text block) and click on the button style that you wish to edit from the side panel.

In the 'Edit style' panel you can do everything you can when editing a button (bar adding or changing the URL).


Once happy with your changes, click Apply. All of the buttons for the edited style will then change across the whole of your campaign, and will update in the 'Styles' dropdown.

After more information on buttons? Read about adding buttons to your campaign or landing page.


Have more questions? Submit a request


  • Avatar

    I'm familiar with how to change font, size, colour etc. However, I am getting frustrated using Easy Editor as the font will randomly change in the middle of typing something and won't change back to my selected font when highlighted and clicked.  Is this something to do with coding?

  • Avatar

    Hi Jacquie,

    Sorry to hear you've been having problems with the fonts.

    Yes, it sounds like there may be a problem with the template that you're working with - if you give our support team they may be able to help you to fix it (if you use a number of templates, you will need to get them all fixed).

  • Avatar

    I am currently trying to change the alignment of my text but the buttons on the ribbon aren't active. Could you tell me how to remedy this?

  • Avatar

    Hi Joe,

    It sounds like the most likely reason for this is that the template/campaign you're working in doesn't have the correct EasyEditor HTML markup (or perhaps it has been deliberately marked up like this to enforce a particular style and to stop you from right aligning your text).

    If you edit the HTML (use the main edit HTML icon in the header, not the one in the ribbon), you will probably see that the markup isn't quite right.


    If you're not confident in editing the HTML yourself, do feel free to contact our support team.

    What I suspect has happened is the class "ee_editable" has been placed on a paragraph, instead of a table cell, so look for something like the below:


    The class="ee_editable" should be moved from the paragraph tag to the table cell.

    I hope that helps.

    Best wishes,


  • Avatar

    Is it possible to predefine styles for text? I would like to set the default text for a template but i would also like to be able to define multiple named text boxes with different styles already applied to them when they are dropped onto the template

  • Avatar

    Hi Tony,

    Predefined styles aren't available at the moment; although we're certainly open to the idea. The way this would typically be achieved is by getting the style you want on the first text box and duplicating the EasyEditor element.

    We do have two open feature requests which you might be interested in voting on though:

    You might also be interested in our template toolkit service, which will give you a template containing a selection of variations of email layout based on your corporate style.

  • Avatar

    Your Verdana font style tag constantly needs editing to be picked up as Verdana by Windows/Outlook, I have to always have to change the style from "font-family: Verdana, Geneva, sans-serif;" to "font-family: Verdana;".

    But what do I have to do to get the blimmin' thing centred!?!?  The "style="text-align: center;"> tag is in there but makes no difference when rendered in Outlook.  Anything I can add to the code in here to force centering?

  • Avatar

    Hi Paul,

    Sounds a bit odd that you'd need to remove the fallback fonts, what version of Windows/Outlook are you using? I've tried testing the verdana style tag in Outlook 2002, 2003, 2007, 2010, 2011 and 2013 and all of them seem to be working and they all show Verdana correctly.

    As for the alignment, it sounds like you might have an overriding tag somewhere in the HTML, like a <td align="left"> somewhere further up. Not sure if that helps?

    If you give our support team a call using livechat / they should be able to  help you debug the problem.

  • Avatar

    Is there a way to change the colour of a bullet point?

  • Avatar

    also looking to change the colour of a bullet point - shame there's no answer to this question from January!

  • Avatar


    One way is to simply add a style attribute to the <li> tag in the HTML, which will then allow you to dictate the colour of the bullet point. So, after adding a bullet point via EasyEditor's ribbon, your code will look something like this:

    <ul><li><font style="color: rgb(255, 255, 255); font-family: 'trebuchet ms', helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;">Pudding pastry candy wypas jelly beans brownie applicake halvah marzipan. Chocolate cake sesame snaps donut dragee danish cookie. Chupa chups jelly-o danish jelly-o liquorice.</font></li></ul>

    Add your style attribute with the colour you want to use for the bullet point, in which case your code should look something like this:

    <ul><li style="color: red"><font style="color: rgb(255, 255, 255); font-family: 'trebuchet ms', helvetica, arial, sans-serif; font-size: 14px; line-height: 20px;">Pudding pastry candy wypas jelly beans brownie applicake halvah marzipan. Chocolate cake sesame snaps donut dragee danish cookie. Chupa chups jelly-o danish jelly-o liquorice.</font></li></ul>

     And thus this will give you a blue bullet point. Of course, you can also use hex codes for other colours.

    To prove it:

    • I have used a style attribute in the <li> tag to make this bullet point colour red
  • Avatar


    After using other WYSIWYG-style email creation tools, I'm used to using the standard HTML heading styles (H1, H2 etc.). It appears to me (and please correct me if I'm wrong!) that this is not available in the editor, rather you just change font size etc. 

    Could you tell me: is there an advantage to this? I'd assumed that - like CSS - using heading tags would save on email size and loading times, whilst ensuring a similar experience across all devices. Am I wrong about that?

    Please let me know. In a way I'd be quite pleased to be free of the restrictions of headings!  



  • Avatar

    Does anyone know how to left align bullet points? Thanks

  • Avatar

    Hi, does anyone know if it's possible to add additional fonts. We use FS Albert online and would like to replicate this on our emails if possible. We have purchased the font and have license to use.

  • Avatar


    How does placing the semantic tag (h1, h2, h3 etc..) as a class within the P tag aid accessibility?

    < p class="h1" >  HEADING 1  < /p >

    Edited by Digital Team
  • Avatar

    Is it possible to change the default font colour for linked text? I'm currently changing it manually every time I insert a link.

  • Avatar

    Hi Billy. Thanks for your question. Yes, you can change the default font colour for links by tweaking the CSS in your campaign, provided you're comfortable with editing source code. When editing your campaign, go to 'Utilities' and select 'Edit source', which will open the source editor. Add something along the lines of the following piece of CSS:

    <style type="text/css">
    a {color:#cc0000 !important;}

    The hex colour code I've used above is red but please, of course, replace it with your own requirement. Adding this CSS will ensure all of your link text will default to that colour.

    However, it's worth noting that EasyEditor's 'Link' function will pick up on any colour and styling applied to a link and will then continue to automatically apply that for any future links created. It may be the case that you'd rather make use of that feature, as opposed to directly editing the CSS. Whatever works best for you.

    Edited by Neal Goldsmith
  • Avatar

    Top tip! Thanks Neal. I'll try it out and let you know how it goes.