How to set custom colors to title columns in list page of Service Portal - Support and Troubleshooting

How to set custom colors to title columns in list page of Service Portal 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.

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 .