How to change the Chat Icon Place in Service Portal Page

[sekhar6]

Hai All,

I have an Question That on the page of Service Portal Can We change the Place of the Chat icon. How Can we Replace it 

Please Help me On this I am new to this . Virtual Agent

[Musab Rasheed]

Hello,

Go through below links

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0726500

https://community.servicenow.com/community?id=community_article&sys_id=4b9b8db8dbad6010f77799ead396193e

https://community.servicenow.com/community?id=community_question&sys_id=1136b93bdbc7ab40d6a102d5ca9619ab

Regards

[Sebastian L]

The chat icon is by default on all pages. Sounds like you maybe just need to put an icon link to the chat on the homepage instead of moving it up on all pages? 🙂 

[TJCS75]

Yes! That's what I need to do. How do I do this?

[Harish KM]

Hi go to virtual agent widget and modify this CSS part. Refer attached screenshot

.conversation-button-container {
    position: fixed;
    right: 3rem;
    bottom: 34.5rem; // play around with this to bring top
    z-index: 20;
    /* top: 109px; */
}

Once you find the perfect position copy CSS from inspect element ..>ctrl right click on virtual agen icont--> instance in page editor..> paste it under CSS