Changing colors

Changing colors

Summary

When it comes to changing colors in your campaign, EasyEditor provides you with two options:

  • Change the background colors of individual blocks or of the whole campaign
  • Color theme your entire campaign using our color theme tool; useful, for instance, if a new company logo has been designed with new colors and you need your campaign to match it quickly - and you're not a designer!

Changing background colors

bg1_2.png

You can change the background color of an EasyEditor block, or of the whole campaign. To do this, click on the block you want, go to the Styles tab and make sure you're in the Background section of the side panel.

The dropdown (shown in the image to the right, selected as 'Background (table)') allows you to choose which block you want to style. When you change the selection in the dropdown, the selected block in the editor will change. Alternatively, you can select the area within the campaign itself and the dropdown selection will change accordingly.

There are a number of ways a color can be selected.

You can enter HEX color codes, or select from the color picker, using the slider to adjust the brightness. You can also select from colors already used in your campaign (under Colors in this campaign), and from colors that you have saved for future use (under My colors).

A chosen color can be saved under My colors by clicking on Save color. A maximum amount of 50 colors can be stored.

Any background color changes you make to your campaign will take place as soon as you select the color. Remember that you can always click on the Undo button or use CTRL+z to revert a change.

If you want to change the color of multiple blocks in one go, you can check the Change all matching colors box. All blocks with the same background color as the block selected will also change.

If you want a block to have the same color as its background, rather than coloring them both in, make the inner one transparent by clicking on the transparency icon.

transparency_icon.png

Removing colors from 'My colors'

Remove colors from your My colors swatch by clicking on [Manage]. 

click_manage_for_colours.png

The 'Manage colors' window will open and you can select the unwanted color or colors, followed by clicking on Remove selected. This is useful when saved colors begin overly cluttering up your swatch. 

manage_colours.png

Color theme your campaign

To color theme your entire campaign, select Color theme from the accordion menu.  

By default, it will be in 'auto' mode. This means you can pick a color from the color picker (or enter a HEX color code), start moving the brightness slider and immediately you'll see your entire campaign intelligently coordinate its color theme across the board.

This is a campaign before color theming has been applied:

This is the same campaign after a dark blue color theme has been applied:

However, you can click Manual to isolate colors that are used in the campaign by clicking on them below the color picker. You are then able to solely change the color and brightness of the areas that use that color.

Furthermore, the color theme tool is intelligent enough to realize that a font color needs to be changed appropriately so that text remains visible whilst you theme.

Saving colors and managing colors works in exactly the same way as with background colors.

 

    • Related Articles

    • Using Dynamic Content in campaigns

      Dynamic Content enables you to tailor your campaign so different groups of your audience receive different content, different offers, images, copy or calls to action. This means you can send one campaign with multiple targeted messages for different ...
    • Changing the width of your email template

      Summary In our 'Start from scratch' or 'Mobile email. Rebooted.' email templates, you can change the width of your email campaigns by adding CSS to the source code. The width of our 'Start from scratch' and 'Mobile email. Rebooted.' email templates ...
    • Creating button styles

      Summary Please note: This information also applies to EasyEditor for landing pages. Button styles are saved CSS rules that you can apply to buttons from the EasyEditor user interface. By creating button styles in your templates, you make sure that ...
    • Working with external dynamic content

      Note: External dynamic content is different to dynamic content. If you which to tailor content based on contact data, dynamic content is generally easier to use. You can find out more at our Using dynamic content in campaigns article. Summary ...
    • Previewing your campaign

      The preview tool can be accessed using the preview button above the main ribbon, and from various other parts of the application. When you use the Preview option, a new window opens to show how your email will look. You can review both the HTML and ...