Create a New Banner

Prev Next

This article will show you how to create a new Banner for your homepage.

There are four modes that are available for Banner configuration:

  • Static: Will keep the single image visible

  • Refreshing: Will filter through the images upon page refresh

  • Slideshow: Will show the active images through a slideshow

  • Video: Allows you to upload a video

Who can use this feature?

System Administrator | Owner

Instructions

  1. Sign in to your site

  2. Navigate to Site Tools and select Design CenterClick Site Tools and Design Center.

  3. Select the Theme ManagerClick Theme Manager.

  4. Select an existing banner Select an Existing Banner.

  5. Click Add New BannerClick Add New Banner.

  6. Enter Banner Name Enter Banner Name.

  7. Complete the Options

    • Static

      • Scale to Fit: Select to force images in the banner slot to scale to fit

      • Image Alignment: Choose Left, Right, or Center

      • Scroll: Select to allow images in the banner slot to scroll with the site's content

    • Refreshing

      • Scale to Fit: Select to force images in the banner slot to scale to fit

      • Image Alignment: Choose Left, Right, or Center

      • Scroll: Select to allow images in the banner slot to scroll with the site's content

      • Show Slideshow Controls: Choose where to show the controls, or to not show the controls at all

    • Slideshow

      • Slideshow Slide Timing: Add a timing in seconds

      • Slideshow Transition: Choose to Fade or choose no transition (None)

      • Slideshow Transition Timing: Add a transition time in seconds

      • Scale to Fit: Select to force images in the banner slot to scale to fit

      • Image Alignment: Choose Left, Center, or Right

      • Scroll: Select to force images in the banner slot scroll with the site's content

      • Show Slideshow Controls: Choose where to show the slideshow controls or choose not to display the controls at all

    • Video

      • Mute Sound: Mute the video

  8. On the Images tab, click Choose Image to add images to the banner Click Choose Image.

  9. Search for and select the desired image Search for and select the desired image.

  10. Click Link Selected ImageClick Link Selected Image.

  11. Repeat and add as many images as you want to add to the banner

    • Static: Add images to replace expiring images

    • Refreshing: Add images to add to the refreshing cycle

    • Slideshow: Add images to the slideshow

    • Video: Images tab will not display, view a Video tab instead

  12. Configure Margin, Padding, Width, and Height on the Spacing & Sizing tab (if desired) View the Spacing and Sizing Options.

    Note:

    Configuring these features is rare and not required, but is possible if desired.

  13. (Optional) Configure the shadow on the Shadow tab View the Shadow Options.

    • Color: Select a shadow color

    • Blur Radius: Indicate how big the blur should be

    • Offset X and Offset Y: Indicate the offset sizes

  14. Return to the Options tab and click Make this Banner ActiveClick Make This Banner Active.

  15. Click X to exit the pop-up Close the Banner Options.

  16. Click Save ChangesClick Save Changes.