cobianzo

<p>This is a very simple plugin that allows you to associate a tooltip to any link in the block editor.<br />
Open the link options, click on the pencil icon to edit it, then make sure that the Advanced panel<br />
is open, and find the new input box for the tooltip.<br />
You will see the tooltip when you hover with the mouse the link in the frontend.</p>
<p>Main features:<br />
– new ‘tooltip’ input box in the CMS editor ‘edit link’, under ‘Advanced’ tab.<br />
– showing this new field as a simple CSS-only tooltip in the frontend<br />
– CSS rules use some variables to easily modify the aspect of the tooltip.</p>


GB CSS Tooltip

Simple functionality that includes an extra option when editing a link within the block editor: nice CSS tooltips.

ItayXD

<p>tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.</p>
<h3>Key Features</h3>
<ul>
<li>It’s responsive. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).</li>
<li>It’s mobile-friendly. It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself.</li>
<li>It’s HTML formatting capable. Need to write some words in italic or so? No problem, this will work out.</li>
<li>It’s extremely easy to use: A tooltip button in added to the default WordPress editor, all you have to do it click it and fill the pop-up dialog, the rest is taken care of automatically.</li>
</ul>
<h3>Advance</h3>
<ul>
<li>The button adds a WordPress short-code, if you want the tip to be HTML formated (avoid block level elements) you can just wrap it with [tooltip tip=””][/tooltip] in tinyMCE.</li>
<li>You can also assign the attribute rel=”tooltip” and title=”Enter your tip here” to any of body tags in HTML file where you want the tooltip to pop up when called.</li>
<li>You can change the pop-up look by editing responsive-tooltip.css. change it to what ever suits your website best!</li>
</ul>


Responsive Mobile-Friendly Tooltip

A WordPress plugin that helps you create responsive and mobile-friendly tooltip to present tiny amount of hidden content - the tip.

GB CSS Tooltip vs Responsive Mobile-Friendly Tooltip