Define Banner Properties for a Site

Use the Banner Properties page to edit the Site Banner. Some aspects of the Banner may have initially been defined in the Site Wizard. Edit and customize the Banner size, color, fonts, and associated images.

To define Banner properties for a Site:

  1. In CSM Administrator, open a Site in the Site Editor (Site Manager > Portal Site Name.
  2. Select the Banner page.
  3. Select the Show Header check box to display a Banner at the top of the Site.
  4. Define a Banner background by doing one of the following:
    • Select the Color Selector button to select a background Banner color.
    • Select the Image button to select an image to use as the Banner background.
  5. Define a Banner image (example: your company's logo):
    1. Select the Browse button. The Image Manager opens.
    2. Select an image.
    3. Select OK.
    4. Provide pixel dimensions for the image in the Size field.
    5. Select the Align drop down list to edit the alignment of the image within the Site Banner.
    Note: For best results, use an image size of approximately 134x40 pixels along with a background color that will adjust the size of the banner based on the size of the browser window. In addition, the image file size should not exceed 300 KB.
  6. Provide a Title for the Site in the title field.
  7. Select the Image Selector button in the Title area to change the color of the title.
  8. Provide a Subtitle for the Site in the subtitle field.
  9. Select the Image Selector button in the Subtitle area to change the color of the subtitle.
  10. (Optional): Provide any additional text for the Site Banner in the Baseline Text field (example: copyright notices).
  11. Define a Hamburger Menu image (example: your company's logo):
    1. Select the Browse button. The Image Manager opens.
    2. Select an image.
    3. Select OK. The selected image appears in the Hamburger Menu image preview field.
      Note:CSM automatically scales images to a height of 25 pixels. The hamburger menu bar replaces the Portal menu bar on mobile screens and browser windows sized below 768 pixels.
  12. (Optional): Select the Fixed Height check box to make the Banner a fixed, specified height. If cleared, the Banner resizes to accommodate selected text, images, and margins.
  13. (Optional): Select the Extend Banner fo Application Bar check box to automatically resize the Banner based on the Site's Application Bar.
  14. Select the Margins button to define top, bottom, right, and left margins around Site text.
  15. Select Save.