Skip to main content
Answer

Hide Virtual Coach button in top bar using CSS

  • January 14, 2022
  • 4 replies
  • 118 views

malicm
Contributor II
Forum|alt.badge.img

I was wondering if anyone has CSS to remove the Virtual Coach button, so it can stay on, but not available to the users. We’ve been told that it needs to be on to learn. I noticed the beta quiz questions and started going through them and the sentence structures were not good and the questions were confusing. I love the concept, but it will be confusing to the users, especially new hires. But, we still want the Virtual Coach bot to learn. 

Thanks for your help!

Michelle

Best answer by gstager

@gstager Thank you! It removed the icon, but not the Unread bubble. In this image it is the circle with the 1 in it. 

 

Ok - let’s give this a try… tricky...

/* hide the virtual coach icon */
div.internal-header-navigation-item.internal-header-virtual-coach.ng-star-inserted:nth-child(1n+0) {
display: none;
}

 

4 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • January 14, 2022

Give this a shot and see if it does what you need it to.

#ui-button-icon-7 {
display: none;
}

 


malicm
Contributor II
Forum|alt.badge.img
  • Author
  • Contributor II
  • January 14, 2022

@gstager Thank you! It removed the icon, but not the Unread bubble. In this image it is the circle with the 1 in it. 

 


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • Answer
  • January 14, 2022

@gstager Thank you! It removed the icon, but not the Unread bubble. In this image it is the circle with the 1 in it. 

 

Ok - let’s give this a try… tricky...

/* hide the virtual coach icon */
div.internal-header-navigation-item.internal-header-virtual-coach.ng-star-inserted:nth-child(1n+0) {
display: none;
}

 


malicm
Contributor II
Forum|alt.badge.img
  • Author
  • Contributor II
  • January 14, 2022

@gstager That worked! Thank you so much!