Help & Support

Changing the template header image (Standard Templates)

The header is an image that is part of your template and appears at the top of every page. You can add your own custom header by inserting an image or combination of images that you've created in another program and stored on your computer.

To add your own header image:

  1. Go to 'Design' -> 'Edit Current Template' -> 'Edit Header'.
  2. Clear the current image from your header, otherwise your added image may appear along with the current one. Check the 'Delete' boxes next to each of the placement options.
  3. Click 'Save'.

You'll see that you no longer have a header image in the preview pane and you can now upload your own images.

Header: The image aligns to the left of the header, and shows over any background image you add.
Background: The image will tile, or repeat, throughout the header area and show behind any text or 'Header' image.

To insert your image:

  1. Click 'Browse...' below the area title that you want to place the image within
  2. Select the image you want to use from your computer.
  3. Click 'Save'. You'll then see your added image in the preview pane.
  4. Click 'View Site' on the editing toolbar to see how it looks on the rest of your site.

Green Warning Note: If you have a 'Right' header image, removing it will remove the option to ever add another right-aligned image.

Changing the Header Background Color

You may also choose the background of your header area. This is the color that will show if your header image doesn't cover the entire header area.

  1. Click the colored square next to 'Background Color' and choose a color.
  2. Click 'Save' to view your changes in the preview pane.

Adding Text to the Header

You can add up to three lines of text and place them anywhere within the Header area.

  1. Click '+ Add Text Line'. You can add up to 100 characters of text. The fonts are limited to web-ready fonts (those that are compatible with most Internet browsers).
  2. Reposition your text under 'Adjust Text Placement'. Click and drag each line until it's positioned to your liking.
  3. Click the 'Save' button when you are finished.


Related Articles:
Inserting a Flash Header
No attachment found for this article.
Was this article helpful?
Solution #: 6171542
Type: Knowledge Base
Status: Draft

Back to Knowledge & FAQs page.