Edit Banners and Logos for a Theme

Prev Next

Who can use this feature?

System Administrators | Owners

Instructions

  1. Sign in to your website solution.

  2. Click the Page tab:

    An interface showing page options and a search feature for city council information. The Page icon is highlighted.

  3. Locate and click the Edit Banners for This Theme button:

    Editing layout settings for a municipal website, including theme and banner options. The Edit Banners for This Theme button is highlighted.

  4. Click on the Banner or Logo:

    The Municipal Websites Evolve interface displays a highlighted image of a scenic vineyard landscape with a road.

  5. Configure the Banner Options in the Options tab:

    Settings for SB Banner, including options for default, alignment, and scrolling behavior. The Options tab is highlighted.

    • Name: Name the banner

    • Default: Will allow the banner to be the default for this theme

    • Mode: Select Static, Refreshing, or Slideshow

      • Static:

        Settings for SB Banner, including static mode, alignment, and scrolling options.

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

        • Image Alignment: Choose Left, Right, or Center

          Note:

          If Scale to Fit is selected, the Image Alignment option is unavailable. To use Image Alignment, clear the Scale to Fit option.

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

      • Refreshing:

        Settings for SB Banner, including refreshing mode, alignment, and slideshow options.

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

        • Image Alignment: Choose Left, Right, or Center

          Note:

          If Scale to Fit is selected, the Image Alignment option is unavailable. To use Image Alignment, clear the Scale to Fit option.

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

        • Show Slideshow Controls: Select where slideshow navigation controls appear, including Do Not Show, Centered Left and Right, Bottom Left, and Bottom Right

      • Slideshow:

        Settings for slideshow banner options, including timing, transition, and alignment preferences.

        • Slideshow Slide Timing: Add a timing in seconds. 5 seconds is the minimum length for slideshow banner images

        • Slideshow Transition: Choose Fade or None for no transition

        • Slideshow Transition Timing: Enter the number of seconds the slideshow uses to transition from one slide to the next

        • Pause and Play Button Location: Choose where to display the pause and play button on the banner. Select Bottom Right, Bottom Center, or Bottom Left

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

        • Image Alignment: Choose Left, Center, or Right

          Note:

          If Scale to Fit is selected, the Image Alignment option is unavailable. To use Image Alignment, clear the Scale to Fit option.

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

        • Show Slideshow Controls: Select where slideshow navigation controls appear, including Do Not Show, Centered Left and Right, Bottom Left, and Bottom Right

  6. Add and/or delete images from the banner or logo on the Images tab:

    Banner options interface showing image selection and display settings for a website. The Image tab is highlighted.

  7. Click the X to save and close the Banner Options:

    Banner options interface showing image upload and display settings for a website. The X is highlighted to save and close the window.

  8. Click the Save Theme button:

    CivicPlus interface showing theme options with a highlighted Save Theme button.