Need to Change Container Background Color

[Reddymahesh]

Hi Everyone, I need to change background color for the below attached. Please see below examples as I need to do the other one in same way like test image.

Note : I tried with container color change but not working .

We are doing this for Service Portal 404 ID error display

[Twinkle S]

Hi,

For you change the color of the 404 message do the following:

1) Go to your instance : https://devXXXXXX.service-now.com/sp_instance.do?sys_id=4d6970e3cb11020000f8d856634c9c15

2)In Additional JSON REPLACE alert info class with any other Bootstrap color class: like alert-success, alert-primary etc.

3) If you want some other color, you can write the same in CSS with class alert and remove the alert-info bootstrap.

If you feel this was helpful, please consider giving thumbs up and if it solved your issue, please mark this correct.

Thanks

[Akansha Gupta]

hello @Reddymahesh - if you don't want to update code/class/JSON, just put below code at instance level and it will work. 

Replace highlighted color with your required color code 

Result ; 

"If you found my answer helpful, please mark it as the "accepted solution". It helps others find the solution more easily and supports the community!"

[Juhi Poddar · Accepted solution]

Hello @Reddymahesh 

• Navigate to All -> Service portal -> Widget Instance 
• Filter the list with the query "sp_widget=8679ef89cb21120000f8d856634c9c4f^title=404 message"
• Open this record and update the CSS and Additional options as shown in screenshot below.

Screenshot:

CSS script:

.custom-alert {
    background-color: white;
    color: #428BCA;
    border: 1px solid #428BCA;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

Result:

Hope this helps!

"If you found my answer helpful, please like and mark it as an "accepted solution". It helps future readers to locate the solution easily and supports the community!"

Thank You
Juhi Poddar