Search Support
contact us

Let Us Make it Easy for You. Call 1-877-898-3290 for MyTime Support™. Learn More

How to Customize Your Website Header Video


this will be replaced by the SWF.


Customizing Your Website Header


Website header or banner is a region of your website that appears at the top of every page. This is a prominent area of your website where you can place important information about yourself or your business. Customizing your website header is easy with our Website Builder Tool.
Begin by opening a page in the Website Builder Tool where you would like to update the header area. You will be able to apply the changes to the header on a specific page or the entire website.
To open the header editor, click the Edit Header button that can be found to the right of the header area. If you do not see this button, use the browser scrollbar to move horizontally on your page.
Use the options in the Edit Page Header popup to customize the background color and image of your website header. The size of the header area as well as the name and dimensions of the header image are displayed in the popup. Use this information to prepare a new image for your website header.
Click the Change Image (or Add Image) icon to replace (or add) a header image. In the popup box, choose the image that you want from our library of free images or your uploaded files. You can also upload a new image from your computer.
Click Insert to add a new image to the website header and return to the header editor.
Use the "No Image" option in the header editor to hide the header image.
Some of our design templates offer a special header effect that we refer to as image layer. You can turn this effect on or off using the checkbox in the header editor.
To change the background color of your header area, click the Background Color option.
To make the header background transparent, select the No Background Color box.Use the options in the Header Image section to customize the appearance of the header image. Note that these options will be inactive or grayed out if there is no image in the header. From here, you will be able to:
• Adjust the image brightness and contrast.
• Rotate the header image clockwise or counterclockwise.
• Flip the image vertically or horizontally.
• Crop the image by dragging the cropping guides in the preview area. Make sure to click Apply for your changes to take effect.
• Reduce the image size using a quick selection list.
• Specify the position for aligning the image in the header area.
• Choose to repeat (or tile) the image vertically or horizontally to create a textured background effect.
• Move the image around the header area.
• Snap the image to the area dimensions.

2. As you are editing your website header, the changes appear in the preview area of the popup. The changes will not apply to your website header until you click the Save button.

3. You can undo or redo any changes that you make to the header image. You can also restore the original header that came with your design template by clicking the Reset to Default button.

4. When you are finished editing your website header, click the Save button. You will be prompted to apply the changes to all pages on your site or just the current page. In general, it is a good idea to keep the header consistent across all pages of your website to give it a professional and finished look.
In addition to customizing your website header background color and image, you can:
1. Add or edit your website title by clicking directly inside the content block in the header area and entering your text.

2. Add a tagline, phone number or other important information to your website header by clicking inside a content block in the header area and typing your text.

3. Add a logo to your website (if you have not done so during the setup process) by clicking the placeholder logo and replacing it with your image.
As always, make sure to publish your website for the new custom header to appear live on your site.