CM Tooltip (CMTG) - Tooltips - Change the Tooltip Style


Control your Tooltip Style and Sizes

Back to User Guide

GDPR Compliance: Note that Tooltip Glossary uses Google Fonts. You can turn off Google Fonts by choosing "Tooltip font → default".
Learn more: CM Tooltip (CMTG) - User Data Privacy and GDPR Compliance
This feature is only available in the Pro, Pro+ and Ecommerce editions.

The eCommerce version boasts over 20 options to adjust the tooltip styling to your liking. Change the font, color, and size of the tooltip links that appear in your content, and create a distinct look for the terms in your content.

Three Examples of What You Can Achieve

Video Guide


Finding The Settings

All the settings related to the tooltip style are found in the plugin settings under  Admin Dashboard → CM Tooltip → Settings → Tooltip tab. Then, check the Tooltip - Styling section.

The options are:

  • Is clickable? - If enabled, then the tooltip will be stationary and clickable, if disabled - the tooltip will be floating and unclickable.
  • Show "Close" icon - Enable it to display "close" icon.
  • Show "Close" icon only on mobile devices - Enable it to display "close" icon. Note: this option works only if Show "Close" icon option is enabled.
  • Close icon color - Set the color of the tooltip close icon.
  • Close icon size - Set the size of the tooltip close icon.
  • Tooltip background color - Set the color of the tooltip background.
  • Tooltip text color - Set the color of the tooltip text.
  • Tooltip title's font size - Set the font-size of the term title in the tooltip. Note: works only if the option Add term title to the tooltip content? is set.
  • Tooltip title's text color - Set the color of the term title in the tooltip. Note: works only if the option Add term title to the tooltip content? is set.
  • Tooltip title's background color - Set the color of the title's background in the tooltip. Note: works only if the option Add term title to the tooltip content? is set.
  • Tooltip border - Set border styling (style, width, color).
  • Tooltip rounded corners radius - Set rounded corners radius.
  • Tooltip opacity - Set opacity of thee tooltip (0 is transparent, 100 is fully opaque).
  • Tooltip z-index - Set tooltip z-index. Note: Z-index is a CSS property that defines the order of overlapping HTML elements. Increase the value, if the tooltip doesn't appear.
  • Tooltip sizing - Set the minimal size of the tooltip in pixels.
  • Tooltip positioning - Set the distance of tooltip's bottom left corner from the cursor pointer.
  • Tooltip font size - Set the font size inside the tooltip.
  • Tooltip padding - Set internal padding: top, right, bottom, left.
  • Tooltip shadow - Enable this option if you want to show the shadow for the tooltip.
  • Tooltip shadow color - Set the color of the shadow of the tooltip.
  • Tooltip display delay - Set the delay before the tooltip appears (seconds).
  • Tooltip hide delay - Set the delay before the tooltip fades out (seconds).
  • Tooltip internal link color - Set the color of the links inside the tooltip.
  • Tooltip edit link color - Set the color of the edit links in the tooltip. Note: works only if the option Add term title to the tooltip content? is set.
  • Tooltip mobile link color - Set the color of the link to the term page in the tooltip. Note: works only if the option Add term title to the tooltip content? is set.

TIP: Live Preview

You can see a live preview of all changes via a sample tooltip on the bottom right of the back-end. It only appears under the Tooltip tab in the  Pro+ and eCommerce versions.

This feature was introduced in version 3.9.0.


Changing your Tooltip Link Design!

All you have to do to style the Glossary link design is go into the plugin settings, and find the tab “ Glossary Term”. 

Now, you can control the link style on two main link statuses: As it appears when looking at the text, and as it appears when hovered with the mouse. 

modify the Tooltip Link Design with CM tooltip glossary plugin for WordPress

More information about the CM Tooltip Glossary WordPress Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us