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.

Add Images to a Banner

  • Updated:

This article will show you how to add an image to a banner for a theme.

 

Who can use this feature?
System Administrators

 

Important Notes

  • The banner images are pulled from a unique location (the Banner Images folder). Therefore, they are not located in Public Images (formerly Public Assets). You will need to upload banner images here.
  • Banner image size varies by customer site. We recommend finding the size of the current banner image on your site and uploading an image(s) of a similar size.

 

Instructions

 

  1. Sign in to your website solution; website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen
  2. Navigate to the page the banner is on
    Note: If the banner is a Homepage banner, navigate to the Homepage. If the banner is on an interior page, navigate to that interior page.
  3. Ensure that the Live Edit is toggled to ON
    The Live Edit state toggled to ON.
  4. In the Live Edit pane, click the Layout tab
    The Live Edit pane Layout tab.
  5. Click the Edit Banners for this Theme button
    A blue, rectangular Edit Banners for This Theme button below the banner2 field.
    Note: If the Edit Banners for this Theme button is not present, please contact Support.
  6. Select the background image that appears
    An example homepage background/banner image.
  7. A Banner Options pop-up will appear with your options to add images; click the Banner Options dropdown and select the appropriate theme
    The Banner Options dropdown menu with an example option highlighted.
  8. Click the Images tab
    The Images tab on the Banner Options dialog box.
  9. Click the Choose Image button
    A blue, rectangular Choose Image button at the bottom of the Banner Options dialog box.
  10. Click the Insert button for the image you would like on the banner
    A blue, rectangular Insert button that can be clicked to insert the chosen image.
  11. Click the Close/X button to close the options box
    The Close/X button in the top-right corner of the Banner Options dialog box.
  12. Click the Save Theme button
    A green, rectangular Save Theme button in the upper-right corner of the screen that can be clicked to save your work.

 

Resources

Feedback About the Article

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

4 comments

Date Votes

Please sign in to leave a comment.