Inserting a Header Image
Images must be uploaded to the Image Manager before attempting to insert them.
- Go to the 'Website Design - Advanced Setup' page.
- Scroll down the page to the 'Header Content' area.
- Select the image from the 'Image Selector' dropdown, select the alignment you want and click the 'Generate Code' button.
- Copy and paste the image code the content box.
- You may need to adjust the height of your header area to accommodate your new image. Go down to 'Enter the Header Height'.
- Enter the total height in pixels (200px, insert your number in place of the zeros).
- Click the submit button to save the changes.
- View your web page and refresh it to see the header image you have added.
Note: Header images added in this way will automatically have 'Padding' (space) around them. If you want your header image to touch the edges of the header area edit the 'Enter the Header Image Padding' setting and insert 0px. This will remove the preset 5px of padding.
How to find out what height your image is.
- Go to the 'Image Manager'
- Click on the thumbnail of the image you want to use. The image will open up a new browser window.
- Put your mouse over the full size image in the new browser window. Right click your mouse.
![]()
- Click 'Properties'
![]()
- Details for the selected image are displayed. Make a note of the 'Height'.
Deleting a Header Image
- Delete the code that was pasted in to make the image appear on your page including the alignment tags in square brackets.
- Submit your changes.
| Also see: | |
| Open PDF Help Sheet | |
| Watch Video Tutorial | |