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

Customize the callout colors within the knowledge-base articles

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? :)

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

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

Translate
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;
}
Translate
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. 

Translate
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.

Translate
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.

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