Answered

Customizing header color

(0) Share

Report

Posted on 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?

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (1)

tstewart2024 4 on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
Verified answer

v-yueyun-msft on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No