Displays ACF field instructions as tooltips using only CSS.

ACF Simple Tooltip

<p>Displays ACF field instructions as tooltips using only CSS.</p>
<h3>Overview</h3>
<p>The <a href="https://www.advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields plugin</a> by <a href="https://www.elliotcondon.com/" rel="nofollow ugc">Elliot Condon</a> is a fantastic resource for developers, allowing us to structure custom data and create a great user experience for data entry personnel.</p>
<p>The instruction text for ACF fields is useful, but creates visual clutter in the WordPress interface when there is a lot of instructional text. Thomas Meyer has created a great plugin to address this issue with his <a href="https://wordpress.org/plugins/acf-tooltip/" rel="ugc">ACF Tooltip Plugin</a>. However, when using this plugin on implementations that have a large number of ACF fields, I have seen that performance drops and load-time of the WP Dashboard increases.</p>
<p>This plugin, ACF Simple Tooltip, is a lightweight solution that uses only two lines of JavaScript to add classes to ACF field labels which have instruction text. CSS takes care of the rest (creating the &#8220;info&#8221; ⓘ icon, styling the instruction text as a tooltip, and creating the hover functionality for showing the tooltip). Simply install the plugin, and the JS and CSS will enqueue on any post.php page in the WP Dashboard.</p>
<h3>Contact</h3>
<p>This is an initial version, so please contact me if you find any issues while using the plugin. Happy developing!</p>


Alternative Plugins for

Discover the Lists with ACF Simple Tooltip

OS WooCommerce Plugins New Install