web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Customizing header color
Copilot Studio
Answered

Customizing header color

(0) ShareShare
ReportReport
Posted on by 4

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:
I have the same question (0)
  • tstewart2024 Profile Picture
    4 on at

    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 Profile Picture
    on at

    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.

    vyueyunmsft_0-1710831947362.png

     

    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

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Copilot Studio

#1
Valantis Profile Picture

Valantis 330

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 126 Super User 2025 Season 2

#3
chiaraalina Profile Picture

chiaraalina 124

Last 30 days Overall leaderboard