How Can I Customize Tooltip Style For Tooltip ShortCode?

Hope this message find you are doing well and have happy days with your family! 🙂 We get a wordpress tooltip plugin user’s support ticket, in which he asked us the question “I want the bold white text at the top of the tooltip to be the tooltip Title, so that I can style it. > This is what I am using at the moment: [tooltips keyword="WP tooltip" content="wordpress tooltip plugin"]“

This is a good question, actually, we have a easier method to help wordpress tooltip user to customize tooltip style for tooltip shortcode, include customize tooltip title font color, title font size, tooltip title background color… and so on in your tooltip shortcode, via wordpress tooltip shortcode [tooltip_by_id] , just a few steps 🙂

WordPress tooltip pro is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space

1: If you didn’t installed wordpress tooltip, please login your account at wordpress glossary tooltip plugin site, if you have installed wordpress tooltip plugin, please jump to step #10 directly 🙂

2: Download wordpress glossary tooltip plugin at “My account” page

3: Login wordpress admin area

4: Click “Plugins” menu item

5: Deactivated old tooltips version

6: Delete the old wordpress tooltip plugin

7: In “Plugins” menu item, click add new at the top of the plugins panel

8: Upload the tooltips plugin zip file which you downloaded from wordpress glossary plugin site

9: Activate latest version of wordpress tooltip glossary plugin

10: Click “Tooltips” menu item

11: Click “Tooltip Style” sub menu item, you will open “Tooltip Style” panel, it looks like this:

In the screenshot, you can find tooltip title font color, title font size, tooltip title background color… etc. Basically, you can customize every single property of the wordpress tooltip 🙂

12: If you want to customize a unique, beautiful tooltip template for each wordpress tooltip term, that’s easy too

12.1 Click “Add New” sub menu item under the Tooltip menu item

12.2 You will find you can custom unique style for each tootip, via “custom unique style for this tooltip” metabox which at the bottom of the tooltip editor,it looks like this:

13: After customized tooltip style for the tooltip term, then use the shortcod tooltip_by_id to display it in front end.

By this way, you can customize unique style for each  tooltip shortcode, not only wordpress tooltip title, but also wordpress Tooltip Box Width, Tooltip Font Color, Tooltip Background, Tooltip Padding, Tooltip Position, Tooltip Radius, Tooltip Border, Tooltips Popup Animation … etc 🙂

For example:

[tooltip_by_id shortcode [tooltip_by_id tooltip_id='3107']

The result looks like this:

Tooltip For Forms Demo - Message Field

If you have any question or suggestion of wordpress tooltip plugin, please don’t hesitate to tell us 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltip Glossary Plugin Support Team