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?
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
Local text-info edit
In the event that you want the text and image to be a different color:
Best,
Andrew
Hey Damien,
Where are you trying to change these colors? You can override Bootstrap classes in the theme, if you are creating a custom widget.
If you are trying to set them in the Icon links, it will not work, since the CSS of the widget is setting the class to be the same as brand color. You would have to clone the widget to change this.
But in a custom widget it will work as you can see above. Navigate to Service Portal > Portals > Click through the "Theme" reference
Override whatever bootstrap classes you need using the pattern you see above.
Best,
Andrew
Hey Damien,
If you cloned the widget, go into the widget and remove the custom CSS of your widget that maps the text color to the brand color, then you can change the color by overriding the bootstrap colors above. If you don't want to set colors system wide, and want to keep them isolated to the widget you can just set them directly in the code of the custom widget rather than deleting it.
Make sure you then replace the old widget with your new custom widget keeping the instance options the same. (In my quick demo I didn't set the instance options to the same)
OK, I have delete CSS.
And If the template is color box it's OK, and bootstrap color "Info" with purple color.
But if i change in Circle icon, color is blue and not purple
