I would like to hide the url display that appears in the browser when you hover over a link. I've read the other articles posted on this subject, but as I've tested the options, my functionality "breaks." I have some links that open in the same page, some open a new tab, and other prompt lightbox, pinterest and twitter widgets, and none of the solutions thus far seem to be a "one-size fits all" fix.
I've found a solution (I think), but development is not my forte, and I have no idea how to implement this. Is this something that someone can give me a step by step on how to make this change?
I understand your concern regarding your business.
The link you have shared is for WebView2.
Microsoft WebView2 is a developer control for embedding web content in applications. It allows developers to leverage the best of what the Microsoft Edge Chromium platform can offer and build seamless experiences for their users that incorporate web-based content.
It cannot help you hide the URLs on hover for the images on your site while visiting it through different browsers.
As informed by the other community member, it is a security feature in the browsers so users could know which site they are going to visit if they click the link. It is not recommended to modify it to hide it for security reasons.
further, you don't know that the customers visit your site using which browser. Every browser works differently and it is not possible to remove/ hide or disable that information from the browser side.
There are some code examples I found that use some JS code to achieve your requirement. You need to modify your site code. If you are not a developer then it could be difficult for you and you may break your site. So it is recommended to take help from your site developers.
Below are the helpful links.
The best thing would be to remove the unwanted information from the image links.