How can I update the annotation background color in ESC

[Stephencroc]

To all the Guru's out there.  I'm trying to find out where I can update a CSS file that will change the annotations (help background) for catalog items that are displayed in employee center.  
I'm not having any luck finding where to update so it's not this blue color

Does anyone know how to do this?

[Ankur Bawiskar]

@Stephencroc 

that is a field message right?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Stephencroc]

Correct, it's the message that get's shown.  I found that it's part of the ng-if="field.expand_help class="well wrapper-xs m-b-sm flex-row justify-between ng-scope" style.  using Google Inspect on that element.
I'm trying to find where in the CSS to change that.  The blue is not a great color

[Community Alums]

Hi @Stephencroc ,

Steps to Change the Background Color of Field Message Containers:

• Go to "All" in the navigation menu.
• Search for "Portal" and select the one you are using.
• Click on the "i" icon next to the theme used for the portal, then select "Open Record."
• In the "CSS Includes" related list (bottom), click the "New" button (top right) to create a new CSS Include.
• Create a new stylesheet under the Style Sheet.
• 
• Add your CSS properties inside the CSS box as shown below.

.bg-danger{
  background-color:#D84040;
}
.bg-warning{
  background-color:#F8ED8C;
}
.bg-info{
  background-color:#66D2CE;
}

Note: Since these are pre-defined Bootstrap classes, any changes made will apply globally across the portal, affecting all elements that use the specified class.

Mark this as Helpful / Accept the Solution if this helps

[Stephencroc]

This looks like it's for the messages that pop-up for Alerts, info and warnings.
I'm trying to change the annotations for the help text on the ? shown in the  image in the question.

These .  

I was able to find this using the inspect element and it's called .well as you can see when you right click the pop-up box and select inspect in Chrome.  It's in the div ng-if="field.expand.help" class="well wrapper....