Updating the account page banner

The following options allow you to change the account page banner:

  • CSS classes - Enable users to change the banner color on account pages.
  • Layout - Enable users to use the out-of-the-box banner on account pages.

Notes: Only one class can be used at a time.

In This Article 

Using CSS classes to change the banner color

The following table outlines the available CSS classes and the associated hex code color.

Table 1: Class names and related colors
Class to enter in the 'Page contain CSS class' field Hex code
account-banner-bg-color-1 #ffffff
account-banner-bg-color-2 #413d6b
account-banner-bg-color-3 #6b458f
account-banner-bg-color-4 #9b4c81
account-banner-bg-color-5 #ca4d48
account-banner-bg-color-red #d03528
account-banner-bg-color-orange #e98300
account-banner-bg-color-yellow #e8d92d
account-banner-bg-color-green #68bd49
account-banner-bg-color-blue #00a9e0
account-banner-bg-color-purple #413d6b
account-banner-bg-color-mps-1 #007fa8

Do the following to update the account page banner to use a color:

  1. Navigate to a contact account page and enable Easy Edit.
  2. Select Open in Content Designer.
  3. Click the Properties tab.
  4. From the Page contain CSS class field, add the desired class.

  5. Click Save & Publish.

Updating the Layout to use the out-of-the-box banner

The out-of-the-box account pages use a banner that is controlled by a page layout.

Do the following to update the account page to use the out-of-the-box banner:

  1. Go to RiSE > Page Builder > Manage content.
  2. Open the custom account page.
  3. From the Layout drop-down, choose AccountPageBannerOverContent.

  4. Click Save & Publish.

Customizing the query to display different contact properties

The out-of-the-box account pages use a query to display the contact properties in the banner.

Do the following to customize the query to display different contact properties:

  1. Go to RiSE > Intelligent Query Architect.
  2. Navigate through the following path: $/ContactManagement/DefaultSystem/Queries/Advanced/Contact
  3. Copy the Account page banner query and Paste it in the desired location.
  4. Open the copied query and make the desired changes.
  5. Click Save.
  6. Open the Account Page Staff content record for edit.
  7. From the Contact Properties content, select Configure.
  8. From Select an IQA query, choose the query you modified.
  9. Click OK, then click Save & Publish.