How can i change the alert message styles on the Service Portal?

[shawn_h]

Hi folks,

Does anybody know how/if the messages displayed in the Service Portal, i.e. the confirmation pop up boxes can be altered or overwritten?

I'd ideally like to change colour/font. If not possible to overwrite at the SP level, can something be done globally?

Here's an example of one of the messages that appears at the top of a page when not completing a mandatory field on a record producer/cat item that I'd like to change.

[Shubham52]

Hi,

You can customize informative or error messages by using properties.

Error and alert text size properties

Properties: css.outputmsg.error.text.font-size for Sets the size for error messages. Default is 11pt and css.outputmsg.info.text.font-size for Sets the size for info messages. Default is 11pt.

also refer this link for more details

Mark correct if it helps

[shawn_h]

Hi Shubham,

This only gives me control over the font size and there isn't anything pointing towards editing the font style (i.e, to Arial) or colour. 

Is there anything else that could help?

[Martin Fallant]

Hello Shubha 

i tried this on Tokyo, but unfortunately your link isn´t working anymore, what exactly do i have to add as properties ? 🙂

[Alok Kumar2 · Accepted solution]

Hi,

You can do that on the page level by overriding the alert class.

Add the below CSS in your page specific CSS in your page:

.alert-danger {
    color: orange;
    background-color: rgb(253, 247, 247);
    border-color: rgb(217, 83, 79);
}

The alert message is now changed ti orange color.

Note: Please mark it correct or helpful if it works!!