Configuring Tours on Service portal

Community Alums
Not applicable

We have a requirement related to "Tours" menu on the service portal header. When we click on "Tours" >> "Tour name" >> "Begin Tour" then tour steps populate in Modal. When we hover over the "Cancel" button, the "Cancel Tour" tooltip appears.
We need to remove that "Cancel Tour" tooltip.

SrushtiJadhav_0-1707468739117.png

 

1 ACCEPTED SOLUTION

Community Alums
Not applicable

We solved the issue by adding  following CSS in style sheets attached to the theme of service portal.
.hopscotch-bubble-close : focus

{
display : none !important;
}


View solution in original post

8 REPLIES 8

This might be solvable without making a customisation to your instance. Has your client tried loading the page in an "Incognito" / "Private Browsing" session on their Web Browser? Doing this will allow them to view the page without any cookies etc and may solve the problem. 

Are you able to recreate the issue when you impersonate that client?

Community Alums
Not applicable

I can see the issue with my user ID also. Tooltip is displayed without hovering over the cancel button.

SrushtiJadhav_0-1707739794763.png

 

I would recommend troubleshooting the problem as hiding the tooltips only really remedies the symptoms rather than the root cause. Your tool tips shouldn't behave like this. 

However I understand that you know your instance and your clients better than I do. The only way I can think to hide the tooltip would be to hide ALL tooltips on that page/pages using that theme. You can add the code below to the "Page Specific CSS" or the "CSS Variables" as you have done previously...

.tooltip {
	display: none !important
}

Community Alums
Not applicable

We solved the issue by adding  following CSS in style sheets attached to the theme of service portal.
.hopscotch-bubble-close : focus

{
display : none !important;
}