I want update logo or icon in front of chat-title

[O_12]

I am integrating the bot with DF_messenger, my requirement is to add the bot-avatar icon or any icon or image in front of the df-messenger chat title.  like below image   

[xavidop]

Hi,

You can do that by adding CSS, here are the docs: https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger/css

Best,

Xavi

[O_12]

Thanks, Xavidip for the response. I referred to above links. I am using the below script code to make changes, but it is not working.

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
  intent="WELCOME"
  chat-title="Chat"
  chat-title-icon="https://i.postimg.cc/k2sF8tNr/chat-logo.png"
  chat-icon="https://i.postimg.cc/k2sF8tNr/chat-logo.png">
  agent-id="xxxxxxxxxxxxxxxxxxxxxxx"
  language-code="en"
></df-messenger>

<style>
  df-messenger {
   --df-messenger-bot-message: #878fac;
   --df-messenger-button-titlebar-color: #df9b56;
   --df-messenger-chat-background-color: #fafafa;
   --df-messenger-font-color: white;
   --df-messenger-send-icon: #878fac;
   --df-messenger-user-message: #479b3d;
  --df-messenger-titlebar-icon-width: 18px
  --df-messenger-titlebar-icon-height: 18px
  --df-messenger-titlebar-icon-padding: 0 12px 0 0
  }
<style>