Create a New Banner

Prev Next

This article will show you how to create a new Banner for your homepage. Four modes 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 Administrators | Owners

Important Note:

The Design Center Pro module may incur an additional cost. Please contact your Customer Success Manager for more information.

Instructions

  1. Sign in to your website solution

  2. Navigate to Modules and on the Site Tools tab, select Design Center The Modules drop-down menu, to the right of the Homepage and Dashboard buttons, then the Site Tools tab in the left-hand navigation menu, below the Content tab, and finally the URL labeled Design Center.

  3. Select the Theme Manager The URL labeled Theme Manager.

  4. Select an existing banner The banner at the top of the page.

  5. In the resulting Banner Options dialog box, click Add New Banner The button labeled Add New Banner at the bottom of the Banner Options box.

  6. Enter Banner Name The text entry field labeled Name.

  7. Fill out the rest of the Options The Mode, Scale to Fit, Image Alignment, and Scroll 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 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 to 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

  8. On the Images tab, click Choose Image to add images to the banner The button labeled Choose Image in the Image tab.

  9. Navigate to the folder that has your desired image in it The list of folders.

  10. Click Insert next to the image The button labeled Insert, to the left of the image ID and name.

  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. (Optional) Configure Margin, Padding, Width, and Height on the Spacing and Sizing tab The tab labeled Spacing and Sizing.

  13. (Optional) Configure the shadow on the Shadow tab The tab labeled Shadow.

    • 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 Active The button labeled Make This Banner Active at the bottom of the tab labeled Banner Options.

  15. Click X to exit the pop-up The X icon in the top-right corner of the Banner Options box.

  16. Click Save Changes The button labeled Save Changes.