Changing color of icons

  
Hi there.

I would like to change the color of font-awesome icons in containers. I've tried a few things. Any suggestions?

Cheers
Hi Jean-Pierre,

You can change the colour by using CSS-styling. The icons are actually text, so setting the "color" property changes the colour.
I've creates this:

.SeverityButtons {
  background: #fff600;
  color: #FF0000;
}

background works but the icon stays the same ...
Use your browser's devtools to see why. Most likely, it's overridden by another style.

Most likely, it's overridden by another style.Because I suppose it is a link. All links are defined in the Theme.

SyntaxEditor Code Snippet

a, 
a:link, 
a:visited {
  color: red; /*primary-color*/
}

you can enclose the icon in a container and apply a text color to the container, also remove the width of the container. Other options is to use the devtools of the browser and then create CSS for that.