The CreatorCon Call for Content is officially open! Get started here.

How to change the help text question mark color change from red to blue on Catalog Item?

LakshmiNarayan7
Mega Guru

How to change the help text question mark color change from red to blue on Catalog Item?

1 ACCEPTED SOLUTION

I showed the steps from the Service Portal. Because this is quickest and you know 100% that's you've got the correct widget instance.

You are showing an image from the System UI.
You could do this from the System UI also, though slight different view / names / etc..

Service Portal > Widget Instances
Widget = SC Catalog Item, Package = Service Portal - Service Catalog (do not activate...see plugin description)

Or... that's the one on my instance! I don't know if it's the same on yours, maybe you are using a cloned widget with different name for example (that's why: do this through the Service Portal, that's 100% accurate)

Within the record, update the CSS field:

.fa.fa-question-circle.padder-xs.help-tag-icon.ng-scope {
color:purple;
}

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

View solution in original post

18 REPLIES 18

Mark Roethof
Tera Patron
Tera Patron

Quickly reproduced what's written in the article:

find_real_file.png

Only added below code to the SC Catalog Item widget instance:

.fa.fa-question-circle.padder-xs.help-tag-icon.ng-scope {
  color:red;
}

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Its not to change the color of the field's HTML elements, Its to change the question mark icon color itself. 

That's what I displayed right? Or if your question is different, can you clarify what you mean?

Like now I changed it to purple:

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

LakshmiNarayan7
Mega Guru

Wow! Looks great. It worked, But I'm struggling on how to save the changes and get it to updateset capturing it..