Change the font of VA welcome message

[Drishti]

Hello Community,
Greetings !

How can we change some font of VA welcome message to italic and some to different font.

Please guide.

Thanks in advance

[Ankur Bawiskar]

@Drishti 

are you referring to this one? If yes then it comes from UI messages and there we can't give any HTML formattting

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

[Juhi Poddar]

Hello @Drishti 

Looking into the branding of virtual agent we can set separate font for chat header and chat body only.

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

[PrabhakarCh]

@Drishti 

To change the font of the ServiceNow Virtual Agent (VA) welcome message to italic and use a different font, you can use custom CSS. Here’s a step-by-step guide:

1. Access the Virtual Agent Designer:

   • Navigate to Virtual Agent Designer in ServiceNow.

2. Locate the Welcome Message:

   • Find the welcome message you want to customize. This is usually part of the Virtual Agent topic or the greeting message.

3. Add Custom CSS:

   • You can add custom CSS to style the welcome message. Here’s an example of how to do it:

<style>
  .va-welcome-message {
    font-style: italic; /* Makes the text italic */
    font-family: 'YourCustomFont', sans-serif; /* Changes the font */
  }
</style>

1. Apply the CSS:

   • Insert the CSS into the appropriate place in your Virtual Agent configuration. This might be in the HTML template or a custom widget if you are using one.

2. Example Implementation:

   • If you are using a custom widget, you can include the CSS directly in the widget’s HTML. Here’s an example:

<div class="va-welcome-message">
  Welcome to our Virtual Agent!
</div>

<style>  .va-welcome-message {
    font-style: italic;
    font-family: 'YourCustomFont', sans-serif;
  }</style>

1. Testing:
   • Save your changes and test the Virtual Agent to ensure the welcome message appears as expected with the new styles.

This should help you customize the welcome message in the Virtual Agent to have italic text and a different font.

=============================

If you find my response useful, like and submit as helpful. 

Best,

PC

[Ankur Bawiskar]

@PrabhakarCh 

Can you share whether you were able to add the style?

please share your results