Employee Center Required Information displaying incorrectly

[Jeannette2]

When Mandatory information is missing it shows the relevant fields on the right of the Record Producer/Request Item.  However the field name has a dark gray background which makes it hard to read as displayed below.  I want to change it to white.

Any help appreciated

 

[Gangadhar Ravi]

that is not OOB behavior. Please check if any of your CSS changes causing that issue.

[Sandeep Rajput · Accepted solution]

@Jeannette2 You should be able to adjust the background color using the following step.

1. Search for the CSS in application navigator. Find CSS with name ec-theme-catalogs. Click to open it.

2. 

Adjust the background color in class sc-field-error-label

Hope this helps.

[Jeannette2]

Thank you Sandeep, but the CSS is exactly the same as yours above.

[Mark Roethof]

Hi there,

Is this suddenly? Or after applying a patch for example? Or some other styling on the theme?

I haven't looked into the theme if there is something specific for the required information. So check that first!

If not, you can overwrite this behavior using CSS. For example I've used the browser inspector to see which element this concerns:

Knowing this, I opened the widget instance displayed on the Employee Center page concerned, and added this CSS:

button.label.sc-field-error-label.sc-reqd-info-btn.ng-binding {
  background-color: red;
}

Give it a try, by also inspecting the page and see if the same element applies to you or something different and choose the styling you are after. (your image looks a bit different than mine)

Perhaps also this older article of mine helps:

- 2020-05-18 - Article - Changing Service Portal widgets look and feel without cloning widgets