Skip to main content
Contributor ⭐️⭐️⭐️⭐️⭐️
January 8, 2022

Customize the callout colors within the knowledge-base articles

  • January 8, 2022
  • 8 replies
  • 83 views

Have the ability to customize the callout colors within the knowledge base articles. 

8 replies

xiaoyu-shen
Helper ⭐️⭐️
January 19, 2022

Hey @Hannah Bailey, thanks for sharing this idea with us. Would you mind elaborating on why you’d like to customize the callout colors? :)

xiaoyu-shen
Helper ⭐️⭐️
January 19, 2022
Updated idea statusNew→Open
Maayan K
Contributor ⭐️⭐️⭐️⭐️
December 1, 2022

and for product updates! the only part we can’t align to our branding :( 

In the sweet spot between Tech & Biz I ride
JeppePeppe
Helper ⭐️⭐️
December 2, 2022

Hello @Hannah Bailey @Maayan K 👋

We do this via Custom CSS in our community to align with our brand colors.
Here is the code we use:

/* Removing strong left border and adding border-radius */
.callout {
border: none;
border-radius: 4px;
color: #000!important;
}

/* Change the color of the callout-cards */
.callout-gray {
background-color: #f0f0f0;
}

.callout-green {
background-color: rgba(4,167,58,0.3);
}

.callout-red {
background-color: rgba(233,28,28,0.2);
}

.callout-blue {
background-color: rgba(0,64,218,0.1);
}

.callout-yellow {
background-color: #FFFFAC;
}
tah-dah
Contributor ⭐️⭐️⭐️⭐️⭐️
December 2, 2022

Thank you @JeppePeppe 

 

@xiaoyu-shen We are using current callout colors for specific reasons (error, guiding them to other articles, academy, etc...) Would like it to be branded more to our colors. 

revote
VIP ⭐️⭐️⭐️⭐️⭐️
April 8, 2024

Hey @Hannah Bailey, thanks for sharing this idea with us. Would you mind elaborating on why you’d like to customize the callout colors? :)

 

@xiaoyu-shen We are using current callout colors for specific reasons (error, guiding them to other articles, academy, etc...) Would like it to be branded more to our colors. 

Yes, we as well.

Larry
Helper ⭐️⭐️
March 20, 2026

Thanks for taking the time to share this idea.

After review, we've decided not to move forward as we're currently investing in alternative workflows that address similar needs in a different way; callout colors can be customized today using custom CSS in Control. We appreciate you calling this out and helping us validate our approach.

Larry Imgrund || Senior Product Manager & Community Nerd
Larry
Helper ⭐️⭐️
March 20, 2026
Open→Closed (Won't Do)
Larry Imgrund || Senior Product Manager & Community Nerd