Changing the Website Header Elements

The site header consists of the following elements:

• Banners. There might be one or several banners in the header
  area, depending on the selected design template.

  You can do the following to the banner:

  • Upload your own banner image or a Flash file in SWF format.
  • Select and apply a banner from the Presence Builder library.
  • Add text to show on the banner.
  • Remove the banner and use a background filled with a color or
    images.
  • Remove the banner and all other elements from the header area to
    reduce its height to 25 pixels.
  • Move the banner to the content area and insert it into a specific
    page or into all pages of the website.

• Logo image. You can do the following to the logo:

  • Upload your own logo image or a Flash file in SWF format.
  • Move the logo from the header area to other parts of webpages,
    such as sidebars and content area.
  • Insert any number of logo images into the site-wide (DESIGN)
    areas.
  • Resize the logo by specifying the desired dimensions in pixels, or
    by dragging the sides and corners of the image with a mouse
    pointer.
  • Remove the logo.

• Site name. This usually contains a company name or a brief site
  description like, for example, “John Doe’s Recipes”.

• Site slogan. This usually includes a description of your site or
  a company slogan.

To change a banner image or other elements (logo, site name, slogan,
or text):

1. Click the banner image.

2. Click the thumbnail in the Image list menu.

3. Do any of the following:

   • To use an image from the library, select it. To find relevant
     images, type a keyword into the input box. To hide the images that
     do not match the website’s color scheme, select the Suitable by
     color scheme checkbox.
   • To use your own image or a Flash file in the SWF format, click
     Upload, and select the file that you want to use. Images
     should be in the GIF, JPEG, and PNG formats, preferably not wider
     than 900 pixels.
   • To remove an image, select the option No image.

4. If you want to resize a banner, drag the icon <img src="image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-default-src="/en-US/obsidian/administrator-guide/images/73485.png" data-webp-src="/en-US/obsidian/administrator-guide/images/73485.webp" data-webp-srcset="/en-US/obsidian/administrator-guide/images/73485-480w.webp 480…