Skip to main content
DannyPancratz
VIP ⭐️⭐️⭐️⭐️⭐️
April 18, 2022
Released

Topic Banner Widget - Update to Specify Its Own Color

Related products:CC Customization
  • April 18, 2022
  • 6 replies
  • 102 views

The Topic Banner widget (example below) uses Brand Color from your community’s theme. 

InSpired Topic Banner

 

I would like to use one of my brand’s secondary colors to make the banner “pop” a bit more (our brand color is a dark navy) and differentiate from the brand color used most frequently in our community. 

Another use case might be for critical alerts that might want to leverage a color like red or yellow. 

6 replies

alfonsmr
Helper ⭐️
April 19, 2022

Hi @DannyPancratz ,

I use custom CSS for that, this is my css for turning the bar red

.featuredBanner .banner-notification .box__content.box__pad {
    background-color: #FF0000;
    color: #fff;
    text-align: left;
}

Cheers,

Alfons

Communities Director @ C2C, The Google Cloud Customer Community - https://rebrand.ly/c2c-global-w
Helper ⭐️⭐️⭐️
April 21, 2022
Updated idea statusNewOpen
Helper ⭐️⭐️⭐️
April 21, 2022

Thanks @DannyPancratz this would be a cool improvement to add :)

anirbandutta
Expert ⭐️
June 9, 2022

Hi @DannyPancratz ,

I use custom CSS for that, this is my css for turning the bar red

.featuredBanner .banner-notification .box__content.box__pad {
    background-color: #FF0000;
    color: #fff;
    text-align: left;
}

Cheers,

Alfons

Thank you @alfonsmr, where are you including this piece CSS pl? 

It's an opportunity for engagement
marekkoszlak
Gainsight Employee ⭐️
Gainsight Employee ⭐️
June 29, 2026

Hi! Since this idea was posted, this has been implemented. Managing the background color of the shared Topic Banner widget is now available in the Style section. I’m closing the idea for now, but if there’s anything that would require our attention - feel free to chime in.

marekkoszlak
Gainsight Employee ⭐️
Gainsight Employee ⭐️
June 29, 2026
Updated idea statusOpenReleased