Customize the callout colors within the knowledge-base articles

Related products: CC Knowledge Base

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

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


Updated idea statusNewOpen

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


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

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. 


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.