Design Center Pro


 






Create a New Banner

Who can use this feature?

system_admin.pngEngage_-_Slash.pngEngage_-_Owner.png

 

 

Overview

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

 

Instructions

  1. Navigate to Modules > Site Tools > Design Center
    modules_site_tools_design_center.jpg

  2. Select the Theme Manager
    select_theme_manager.jpg

  3. Select an existing banner
    select_an_existing_banner.jpg

  4. Click Add New Banner
    select_add_new_banner.jpg

  5. Enter Banner Name 
    enter_banner_name.jpg

  6. 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
  7. On the Images tab, click Choose Image to add images to the banner
    select_choose_image.jpg

    1. Navigate to the folder that has your desired image in it
      navigate_to_the_folder_containing_desired_images.jpg

    2. Click Insert
      select_insert_next_to_desired_banner_image.jpg

  8. 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
  9. Configure Margin, Padding, Width, and Height on the Spacing & Sizing tab (if desired)
    select_spacing___sizing_tab_of_banner_image.jpg

    • Note: Configuring these features is rare and not required, but is possible if desired.
  10. Configure the shadow on the Shadow tab (if desired)
    select_the_shadow_tab_of_the_banner_image.jpg
    • 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.
  11. Return to the Options tab and click Make this Banner Active
    select_make_this_banner_active.jpg

  12. Click to exit the pop-up 
    select_the_X_to_exit_banner_options.jpg

  13. Click Save Changes
    select_save_changes_to_save_new_banner.jpg



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback

  • Avatar
    Tyler Hoffmann

    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!

  • Avatar
    Victor Roule

    Yes is there an answer to this as I have admin permissions but don't see this Design Center option

  • Avatar
    Jackson Wright

    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

    Edited by Jackson Wright