How do I change the background colour in Template Builder

OK - so you have started to create your VMA Emailer template using out Template Builder drag & drop creator and you want to change the colours of the background.
Firstly you must understand how the colours are created. In the Body Background Colours area - you will see the colout palette:
Select your background colours in VMA EmailerVMA Emailer Template Example
The OUTER Background colour is just that - outside the content or Newsletter area.
Firstly click on any one of the 18 squares as a rough colour you may want your newsletter to look like:
TOP ROW = Dark Outer Background - select any of the pre-determined inner colours OR this can be customised below
MIDDLE ROW = Mid Colour Background - again select any of the pre-determined inner colours OR this can be customised below
BOTTOM ROW = Light Colour Background - again select any of the pre-determined inner colours OR this can be customised below
You can now customise the Inner or Newsletter background area -this is the background behind the newsletter text - this can be changed by clicking on the color area below marked Custom Colours
Then Click Proceed To Template

Now this is the tricky bit - although its not too hard - you will see a row in the middle of the window approx 10 rows down that says: background-color forlowwed by some numbers shaded yellow below:

How to Change the background HTML in VMA EmailerClose up of HTML

You will need to do this is 2 steps:
Firstly, either determine the colour you want for your background in the previous screen or go to: http://www.colorpicker.com/ to choose your desired colour.
Some common colours are:
White - ffffff
Black - 000000
Red - ff0000
Yellow - ffff00
Light Grey - eeeeee
Mid Grey - cccccc
Dark Grey - 999999

Secondly, Highlight the 6 characters in the HTML code the control F to find - there should by only 3 you need to change (in this example it is: F3F3F3), then replace these with your selected colour.
Once you have done all 3 or so - you my Preview and if you are happy - Save as Template & Select OR Select for now (if you dont want to save as a template).

A few points to remember:
Don't choose a dark background then make it light as the type will be light also - better off to choose the light colour to start with.
If you want a bright colour background then choose the middle row (blue)
If you prefer a light background then choose the bottom row 
When you replace a colour in the HTML - keep the # preceeding the 6 characters

The Colours to look for to chage are:
The Top outer background clour is: 00404F
The Blue outer background colour is: 00BAE1
The lower row ourter background colour is: F3F3F3

  • 15 Users Found This Useful
Was this answer helpful?

Related Articles

I Can’t Send Emails

You may have exceeded the mail quota imposed by your account. This limits the number of emails...

I Can’t Import Contacts From a CSV File

You may not have permission to upload contacts from a CSV file. To change a user’s...

Bounced Email Processing Isn’t Working, Or Is Working Erratically

Generally, this part of the process is already set for you, but you may be over-ride it with...

I’m Having Trouble with the WYSIWYG (HTML) Editor when I import a template

Check that the HTML code you are using is valid. You can use an online service such as the...

Can I import/export a contact list?

Yes - you can. Go to the CONTACTS tab and you will see the options there. remember that to...