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?
Instructions
- Navigate to Modules > Site Tools > Design Center
- Select the Theme Manager
- Select an existing banner
- Click Add New Banner
- Enter Banner Name
- Fill out the rest of 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
- Static
- On the Images tab, click Choose Image to add images to the banner
- Navigate to the folder that has your desired image in it
- Click Insert
- 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
- Configure Margin, Padding, Width, and Height on the Spacing & Sizing tab (if desired)
- Note: Configuring these features is rare and not required, but is possible if desired.
- Note: Configuring these features is rare and not required, but is possible if desired.
- Configure the shadow on the Shadow tab (if desired)
- Color: Select a shadow color
- Blur Radius: Indicate how big the blur should be
- Offset X and Offset Y: Indicate the offset sizes
- Note: Adding and configuring a Shadow is not required but is possible if desired.
- Return to the Options tab and click Make this Banner Active
- Click X to exit the pop-up
- Click Save Changes
Feedback About the Article
Let us know what was helpful or not helpful about the article below.3 comments
Hi there, our Civic Plus system does have banners, but does not have the Design Center option under site tools. Has this been moved or renamed?
Thanks!
Yes is there an answer to this as I have admin permissions but don't see this Design Center option
Hello Tyler and Victor,
The Design Center in Site Tools is an addon, please contact your Client Success Manager if you are interested in adding it.
If you don't currently have Design Center, then you should have a button on the Layout tab of a page called "Edit Banners and Logos" (Help Center article) which you can use to modify and configure your banner or logo. If you do not have that button, please contact Support.
Thank you,
Your Help Center Team
Please sign in to leave a comment.