Where can I edit the Service Portal's "Required Information" text color

Michael H1
Tera Guru

Apologies if this has been answered before. I have been unable to find it so may not be searching the correct terms.

One of our Web Developers in our organization pointed out that the "Required information" text color is not ADA compliant based on the contrast with the Service Portal's white background. I do not see where in the Branding Editor or CSS Style sheets to edit this value. I thought that the "Info" option in the Branding Editor may be in control of this, but they are two different colors, with Info being #1b6f88 and the actual text being #2390b0. I have searched for this value in many style sheets along with the Widget Editor but have not found it to make it slightly darker.
find_real_file.png
find_real_file.png

1 ACCEPTED SOLUTION

Michael H1
Tera Guru

Hi Anil and Maik,

Thank you each for the assistance. I do not believe I was very clear but found where I needed to go. I specifically wanted to edit the "Required information" text color itself, but nothing else inside of the area. I performed the following:

Navigated to "Service Portal Configuration" -> "Designer" -> sc_cat_item Page, then added the following CSS in the "Page Specific CSS":
.alert-info {
color: #1B6F88;
}

I had previously changed the "Info" color in the brand designer but that did not appear to affect Catalog Item pages directly, but this does, and now all our Catalog Items have the darker blue that our Web team recommended.

find_real_file.png --> find_real_file.png

 

View solution in original post

3 REPLIES 3

Anil Lande
Kilo Patron

Hi,

If this is related with Catalog Item or Record producer form then you need to modify OOB widget(by cloning it). You can modify HTML part of update the CSS class as per your need.

find_real_file.png

 

Steps: 

1. Clone the OOB widget if not modified already

2. Make required changes.

3. Replace cloned widget on the page.

 

Thanks,
Anil Lande

Please appreciate the efforts of community contributors by marking appropriate response as correct answer and helpful, this may help other community users to follow correct solution in future.
Thanks
Anil Lande

Maik Skoddow
Tera Patron
Tera Patron

Hi @Michael H 

you can change the background color very easily. 

In my PDI the buttons look like 

find_real_file.png

And after applying the change:

find_real_file.png

 

You just have to open the respective Service Portal record and enter the following 3 lines of CSS code (change the color value to fit your needs):

 

find_real_file.png

Kind regards
Maik

Michael H1
Tera Guru

Hi Anil and Maik,

Thank you each for the assistance. I do not believe I was very clear but found where I needed to go. I specifically wanted to edit the "Required information" text color itself, but nothing else inside of the area. I performed the following:

Navigated to "Service Portal Configuration" -> "Designer" -> sc_cat_item Page, then added the following CSS in the "Page Specific CSS":
.alert-info {
color: #1B6F88;
}

I had previously changed the "Info" color in the brand designer but that did not appear to affect Catalog Item pages directly, but this does, and now all our Catalog Items have the darker blue that our Web team recommended.

find_real_file.png --> find_real_file.png