- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-18-2022 08:15 AM
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.
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-18-2022 11:02 AM
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.
-->

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-18-2022 09:41 AM
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.
Steps:
1. Clone the OOB widget if not modified already
2. Make required changes.
3. Replace cloned widget on the page.
Thanks,
Anil Lande
Thanks
Anil Lande
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-18-2022 09:45 AM
Hi
you can change the background color very easily.
In my PDI the buttons look like
And after applying the change:
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):
Kind regards
Maik
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-18-2022 11:02 AM
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.
-->