Answered

Customizing header color

Like (0) Share

Report

Posted on 19 Mar 2024 04:36:29 by tstewart2024

Working to build a chat bot, I’ve created it so a button on our website launches a small window in the bottom right corner (instead of using the standard iframe code). I can’t seem to find a way (if possible) to change the header color (dark green teal). I’ve tried looking at the source code, can’t seem to find any css that will override the color and the site that appears related to changing it through a script doesn’t seem to work when I try (although those directions read like they don’t apply to the iframe anyway, so not sure about that). Was hoping it would be fairly easy to change. Any ideas?

All responses (2)

Answers (1)

tstewart2024 4 on 19 Mar 2024 at 19:15:16

Like (0)

Report

Re: Customizing header color

Thank you. I had looked at those pages, but didn't realize that instead of using the https://copilotstudio.microsoft.com/... URL I would have to create my own and use that in the iframe instead. I had tried just adding the CSS with the desired color change, but that wasn't enough. Easy enough to do. Thanks again.
Verified answer

v-yueyun-msft on 19 Mar 2024 at 07:06:20

Like (0)

Report

Re: Customizing header color

Hi , @tstewart2024

According to your description, you want to modify the Pva banner color?
As searched , you can customize the css by js code:
Customize the Web Chat canvas - Microsoft Copilot Studio | Microsoft Learn

Web Chat customization in the Bot Framework SDK - Bot Service | Microsoft Learn

And if you want to update the banner color for pva , you can just replace this property.

If this reply can help you , you can click mark this reply as solution (Accept solution) which can help more people, thanks in advance!

Best Regards,

Yueyun Zhang