Configuring Tours on Service portal

[Community Alums]

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.

[bradleydebono]

You can add this to the "CSS Variables" on the theme you're using. Or to the "Page Specific CSS" on the pages you'd like to hide this cancel button...

.hopscotch-bubble-close {
 	visibility: hidden; 
}

[Community Alums]

Hello @bradleydebono ,

With the above CSS, we can hide the "Cancel button". But we require to hide the "Cancel Tour" Tooltip .

[bradleydebono]

Hi @Community Alums 

Thanks for clarifying. I'm not sure it's possible to do that via the CSS editors/JS Includes that ServiceNow provides. 

May I ask what the use-case is? These tooltips are integral for accessibility I believe and it isn't best-practice to remove them. Perhaps there is another way to achieve what you're looking for?

[Community Alums]

Ya, I agree it is not best practice to remove tooltips but I require to remove tooltips as the client is having a issue with the "Cancel Tour" tooltip. They say the 'Cancel Tour' tooltip is stuck on each step.