Virtual Agent CSS for specific elements

David Pichard
Mega Guru

Hi all, wondering if anyone else has figured this out. I can't for the life of me change the color and icon of a few elements in the virtual agent chat window. The elements I'm talking about are highlighted in yellow in the attached graphic. Much obliged if anyone can shed some light on this for me.

VACSS.png

1 ACCEPTED SOLUTION

Hi again @David Pichard 

I was curious and have good news for you!

The Send icon can be easily changed:

 

KamilT_0-1752560261475.png

 

In the same place as share previously, just switch the tab to Icons and you can select/import.

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


View solution in original post

10 REPLIES 10

GlideFather
Tera Patron

Hi @David Pichard,

 

  • to change the logo (or branding in general)
    • super easy,
  • to translate "Show me everything"
    • doable (each translation is in a bit different location of ServiceNow) but requires some investigation
  • the airplane icon
    • I don't think it could be changed.

 

Go to CI Admin Experience - select branding (can be more themes):

  • https://yourintsnace.service-now.com/now/conversation/settings/list/sys_cs_branding_setup
  • https://yourintsnace.service-now.com/now/conversation/settings/branding-settings/5d0eedb01b6d30508d16ca64604bcb02/params/ace-nav/general 

And you can unleash the heaven:

KamilT_0-1752529966707.png

 

For the "show me everything part" - in the same place, there is system messages, but this very one is not there:

KamilT_1-1752530145935.png

 

KamilT_2-1752530151437.png

 

But it seems to be a system property com.glide.cs.topic_picker_button_label:

KamilT_3-1752530217411.png

 

If you will be modifying be careful when it comes to translations, as there might be OOTB translations to this key and if you change it, might be different meaning/wording...

 

I believe I have covered everything, let me know how do you love your new Virtual Agent!

And if you need some more tips :)) 

 

 

 

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


Hi again @David Pichard 

I was curious and have good news for you!

The Send icon can be easily changed:

 

KamilT_0-1752560261475.png

 

In the same place as share previously, just switch the tab to Icons and you can select/import.

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


Hey @David Pichard,

 

 

just checking on this, I spent some of my free time helping out and haven’t heard back from you. 

 

I hope everything worked out on your end.

It’d be great to know if you still need anything or if things are okay and this can be accepted as solution. Thank you

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


Pradeep Thipani
Mega Sage

Hi @David Pichard ,

 

You can follow the ServiceNow docs which has clear instructions how to brand our bot.

 

https://www.servicenow.com/docs/bundle/washingtondc-servicenow-platform/page/administer/conversation...

 

https://www.servicenow.com/community/virtual-agent-nlu-articles/virtual-agent-client-branding-guide/...

 

Navigation:

1) 

PradeepThipani_0-1752534216236.png

 

2) 

PradeepThipani_1-1752534247221.png

 

 

3) Then open the default branding.

 

Thanks,

Pradeep

 

 

"If this response was useful, please select 'Accept as Solution' and mark it as 'Helpful.' This helps me provide better answers and assists the community ".

Regards,
Pradeep