Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

portal change color text info, warning, danger

damiensainte
Kilo Explorer

Hello,

I want to change Text Info color (and Warning, Danger) in branding-editor.

But only Test success is available.

How can the color be changed?

text color.jpg

1 ACCEPTED SOLUTION

Ok so for circle icons the text and the image are set to have the same color, if you delete the CSS that links the info-text to $brand-info, then both the text and the image will be set to the .info-text color you define in your style, or in your local CSS.  



Did you want the image and the text to be a different color?   We would have to add a class to the HTML for that to occur.



Now that you removed the CSS did you edit the CSS at the style level?



CSS edit system wide for text-info


Screen Shot 2017-07-27 at 5.17.42 PM.png



Local text-info edit



Screen Shot 2017-07-27 at 5.21.43 PM.png




In the event that you want the text and image to be a different color:



Screen Shot 2017-07-27 at 5.26.30 PM.png



Screen Shot 2017-07-27 at 5.26.43 PM.png



Best,


Andrew


View solution in original post

6 REPLIES 6

Ok so for circle icons the text and the image are set to have the same color, if you delete the CSS that links the info-text to $brand-info, then both the text and the image will be set to the .info-text color you define in your style, or in your local CSS.  



Did you want the image and the text to be a different color?   We would have to add a class to the HTML for that to occur.



Now that you removed the CSS did you edit the CSS at the style level?



CSS edit system wide for text-info


Screen Shot 2017-07-27 at 5.17.42 PM.png



Local text-info edit



Screen Shot 2017-07-27 at 5.21.43 PM.png




In the event that you want the text and image to be a different color:



Screen Shot 2017-07-27 at 5.26.30 PM.png



Screen Shot 2017-07-27 at 5.26.43 PM.png



Best,


Andrew


thanks a lot