Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Create a New Banner

  • Updated:

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 Center
    Click Site Tools and Design Center.
  3. Select the Theme Manager
    Click Theme Manager.
  4. Select an existing banner
    Select an Existing Banner.
  5. Click Add New Banner
    Click 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 Image
    Click 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 Active
    Click Make This Banner Active.
  15. Click X to exit the pop-up 
    Close the Banner Options.
  16. Click Save Changes
    Click Save Changes.

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.