Skip to page contentSkip to chat
ServiceNow support
    • Community
      Ask questions, give advice, and connect with fellow ServiceNow professionals.
      Developer
      Build, test, and deploy applications
      Documentation
      Find detailed information about ServiceNow products, apps, features, and releases.
      Impact
      Accelerate ROI and amplify your expertise.
      Learning
      Build skills with instructor-led and online training.
      Partner
      Grow your business with promotions, news, and marketing tools
      ServiceNow
      Learn about ServiceNow products & solutions.
      Store
      Download certified apps and integrations that complement ServiceNow.
      Support
      Manage your instances, access self-help, and get technical support.
How to set custom colors to title columns in list page of Service Portal - Support and Troubleshooting
  • >
  • Knowledge Base
  • >
  • Support and Troubleshooting (Knowledge Base)
  • >
  • How to set custom colors to title columns in list page of Service Portal
KB0687519

How to set custom colors to title columns in list page of Service Portal


4918 Views Last updated : Jun 5, 2025 public Copy Permalink
KB Summary by Now Assist

Issue

The default Service Portal page has an ID list that renders the list view of records from a specific table. That table's field names show as title columns in the list view. This article suggests ways to set a custom color for the title columns.

The following image shows the default list page of the incident table in Service Portal.

Default list page of the incident table in Service Portal

The title columns displayed have an assigned CSS class called th-title that is rendered through the Data Table widget.

The Data Table widget is not included in any page, but the Data Table from URL Definition widget on the list page calls the Data Table widget. This means that the CSS styles of the Data Table widget are applied on the list page.

You can see the Data Table widget by going to Service Portal > Widgets. Note that under the CSS field, a styling block is already defined for the class th-title.

Release

Any supported release

Resolution

Use any of the following three methods to change the color of the column titles:     

 

1. Override the CSS in the Data Table widget by adding the CSS to the Data Table from the URL Definition widget. For example:

.th-title { 
color: white !important;
}

Note: Defining the CSS in the Data Table from URL Definition widget affects every page where this widget is used or called in.

 

2. Replace the color defined in CSS field in the Data Table widget. For example:

.th-title { 
color: white;
}

Note: Defining the CSS in the Data Table widget affects every page where this widget is used or called in.

 

3. Define the CSS at the list page level and override the style done by the widget. For example:

.th-title { 
color: white !important;
}

Note: Adding the "!important" definition overrides the color attribute for the class if defined somewhere else. Defining the color in the CSS at the page level is page specific.

 

Related Links

For more information, see Service Portal styles.


The world works with ServiceNow.

Sign in for more! There's more content available only to authenticated users Sign in for more!
Did this KB article help you?
Did this KB article help you?

Attachments

Attachments

  • incident-list.png

How would you rate your Now Support digital experience?

*

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

Very unsatisfied

Unsatisfied

Neutral

Satisfied

Very satisfied

What can we improve? Please select all that apply.

What are we doing well? Please select all that apply.

Tell us more

*

Do you expect a response from this feedback?

  • Terms and conditions
  • Privacy statement
  • GDPR
  • Cookie policy
  • © 2025 ServiceNow. All rights reserved.