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.
+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
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.