IZ Block Editor Tooltips

This lightweight plugin adds button “Tooltip” to the RichText toolbar.

Use it to paste popover tooltips over the words and phrases in your articles.

You can style tooltips with the admin settings page.

You can also style tooltips with CSS and using filters:

add_filter('izbet_style_text_color', function() { return '#247DE0'; });
add_filter('izbet_style_border_color', function() { return '#247DE0'; });
add_filter('izbet_style_tooltip_text_color', function() { return '#fff'; });
add_filter('izbet_style_tooltip_background_color', function() { return 'rgba(0, 010, 030, .85)'; });
add_filter('izbet_style_tooltip_font_size', function() { return '.8rem'; });
add_filter('izbet_style_tooltip_padding', function() { return '.6rem'; });
add_filter('izbet_style_tooltip_border_radius', function() { return '.3rem'; });

How to contribute

If you want to help me develop the plugin please visit its repository on GitHub: https://github.com/IvanZhuck/wordpress-iz-bet. The repository contains the source code and tools for development.

Great Plugin But Don't know why to change css

By Diamond Digtial Marketing (HK) Ltd (diamonddmext) on September 17, 2024

Great plugin the function work perfectly well and lightweight!

However, when i added the add_filter in [Code Snippet Pro] (run the code in both frontend and admin) as descriebd to customize my own color style , it show noting in frontend. I wonder if i missed anything.

add_filter('izbet_style_text_color', function() { return '#4CC4A4'; });
add_filter('izbet_style_border_color', function() { return '#247DE0'; });
add_filter('izbet_style_tooltip_text_color', function() { return '#4CC4A4'; });
add_filter('izbet_style_tooltip_background_color', function() { return 'rgba(0, 010, 030, .85)'; });
add_filter('izbet_style_tooltip_font_size', function() { return '.8rem'; });
add_filter('izbet_style_tooltip_padding', function() { return '.6rem'; });
add_filter('izbet_style_tooltip_border_radius', function() { return '.3rem'; });

Simple and intuitive

By Sven Hofmann (hofmannsven) on June 27, 2024

Works perfectly and is easy and intuitive to use.

Amazing tool

By infomonstar on June 20, 2024

It is really an amazing tool. Very easy to use. Thank you developer. Please add some way to increase the font size of the content if possible.

Excellent

By vincentlemonde on February 3, 2024

After several hours wasted looking for a simple title-box on hover for links, here's the miracle: I found this great plugin that does exactly what it says it does. It is very useful, clean, effective. I'm surprised he's so little famous. I recommend it and hope it has more success.

Thanks so much for developing this!

3.4.2

Tested with WordPress 6.6

3.4.1

Fixed filter names in readme
Fixed string for translation

3.4.0

Added custom size settings
Tested with WordPress 6.5.5

3.3.0

Tested with WordPress 6.5
Fixed tooltip editor popover position
Fixed new lines inside tooltip content

3.2.3

Updated readme.txt

3.2.2

Tested with WordPress 6.4.2
Added screenshots

3.2.1

Updated output escaping

3.2.0

Tested with WordPress 6.4.1
Added variable escaping

3.1.1

Updated @wordpress/eslint-plugin version
Updated readme.txt

3.1.0

Updated plugin text prefix
Updated plugin text domain
Changed the way to read json config files

Please visit the Releases page on GitHub to see the full plugin’s changelog,

Upload iz-block-editor-tooltips folder to the /wp-content/plugins/ directory.
Activate the plugin through the “Plugins” menu in WordPress.
Visit “Settings” -> “IZ BET Setting” to set up tooltip colors.