Anyone know what CSS I might use to change the virtual coach icon at all?
Best Answer
CSS for changing virtual coach icon
Best answer by Bfarkas
So I looked into this, and it is technically possible, but it is not great. The icon is a vector path not a simple image to hide and replace, and because it is a vector path there is a bunch of things tied to it and its sizing that this feels like a maintenance nightmare to me, really don’t recommend this unfortunately.
This will hide the path of the original SVG:
g[data-icon-name="virtualcoach"] > path {
display: none;
}working on a better way to insert a new image in its place. but leaving notes in case someone else with some time is digging in.
1 person likes this
+5How do you mean change, color or actual icon? I have changing the color on all the icons or individually over on Fark.Tools, but it is:
/* Change the color of virtual coach icon in the header bar (robot) */
g#virtualcoach {
fill: #0000ff;
}
just change the #0000ff to the color you want.
1 person likes this
+5So I looked into this, and it is technically possible, but it is not great. The icon is a vector path not a simple image to hide and replace, and because it is a vector path there is a bunch of things tied to it and its sizing that this feels like a maintenance nightmare to me, really don’t recommend this unfortunately.
This will hide the path of the original SVG:
g[data-icon-name="virtualcoach"] > path {
display: none;
}working on a better way to insert a new image in its place. but leaving notes in case someone else with some time is digging in.
Reply
Rich Text Editor, editor1
Editor toolbars
Press ALT 0 for help
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.