AI Search Assistant Record Producer - Change Title Text color to White

Bret Smith
Giga Guru

Where do I change the text color for the display title name "Helpful Recommendations" 

Right now it is Black text on dark blue background.AI Assist Results.png

 

Where do i change the text color of "Helpful Reccomendations"

Helpful Recommendations.png

 

Record producer configuration.png

 

1 ACCEPTED SOLUTION

The Widget in question is ....
Service Portal Widget
AI Search Assist

BretSmith_0-1713980274061.png

 

in the CSS section of the widget scroll down and find the following code:

.aisa-results-title {
font-size: 14px;
color: $text-primary;
font-weight: 600;
}

 

To change the title text color to white, replace with the following code 

.aisa-results-title {
font-size: 14px;
color: #ffffff;
font-weight: 600;
}

 

you are just changing

color: $text-primary;

to

color: #ffffff;

View solution in original post

7 REPLIES 7

Shruti
Mega Sage
Mega Sage

Hi

Try to use page specific CSS

Open the page sc_cat_item and paste below CSS

.cxs-results-title {
color: red !important;
}

Bret Smith
Giga Guru

Let me ask it this way, where is the Text color set for Display name? 
Specifically, I want to change the color of 'Helpful Recommendations'

Record producer configuration2.png

Navigate to Service Portal -> Widgets - > Contextual Search - Inline Results 

Search below CSS

.cxs-results-title {
font-size: 14px;
color: $text-primary;
font-weight: 600;
}

.cxs-results-title-bar {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 6px 12px 6px 12px;
border-bottom: 1px solid #ccc;
background-color: #001970;
}

 

I know this is the background color of the title bar but when I changed that color code nothing changed