Hi dear users of wordpress tooltip, hope this message find you are doing well and having happy days with your family 🙂 We just released wordpress tooltips pro + 19.9.8, to support use pretty font awesome icons to build beautiful icon / logo wordpress tooltips, based on an amazing user’s question. 🙂

The user submitted a support ticket in our wordpress tooltip support forum:

Hello All.

Using free version of WordPress Tooltip, how can I achieve:

a) Instead of having tooltip on keywords, I want to have a circle with question mark for tool tip. I see something similar inside WordPress Dashboard > Tooltips > Global Settings.

b) As everywhere the keyword (circle with question mark) will be the same, but each keyword will have a different tooltip. How do I do that?

Best,

Our wordpress tooltip developer checked this ticket and research a better solution, we hope users can use pretty circle with question mark to load tooltip for his users, we found a great web design tool font awesome have pretty question circle and users can change the size , color…etc for question circle in font awesome, our wordpress tooltip developer decide use this as the icon tooltip solution for the user. 🙂

Font Awesome is a popular icon font and toolkit used by web developers and designers to incorporate scalable vector icons into their projects. It allows users to easily add visual elements like icons, logos, and symbols to websites or applications, without having to manually create the graphics from scratch.

Font Awesome includes over 1,500 high-quality icons that can be customized in terms of size, color, and style using CSS. These icons are designed to be cross-browser compatible and can be used with various frameworks and platforms, such as Bootstrap, WordPress, and React.

In addition to the icons, Font Awesome also offers a collection ofhttps://tooltips.org/features-of-wordpress-tooltips-plugin/ pre-designed templates and layouts for buttons, navigation, and other UI elements. This makes it easier for developers and designers to create visually appealing and functional web interfaces quickly and efficiently.

Overall, Font Awesome is a useful tool for anyone looking to enhance the visual appeal and functionality of their website or application with scalable icons and user interface elements.

Yes, it is the solution, so our wordpress tooltip plugin support replied:

Hi

Thanks for the message and sorry for the delay of the reply, I think we have found the solution to realize your requirement 🙂

Although we have created a shortcode [icon_tooltip_by_id] in tooltips pro and pro + version, you can find our detailed demo and description at https://tooltips.org/how-to-use-wordpress-tooltip-shortcode-tooltips-to-add-tooltips-manually/ , but in this case, wordpress tooltip users need find icons and they need try to add html attribute to let the icon size match to font size in wordpress pages, we hope make the work easier for wordpress tooltip users and we think we have found the solution 🙂

Our wordpress tooltips developer is working hard to develop a new tooltip pro + version to allow wordpress tooltip user use font-awesome in a new shortcode, by this way, you can use many kinds of pretty icons, include “question mark” in your wordpress posts, and when reader mouse hover the pretty icons, they will find the tooltip popup box to offer more pretty content for reader 🙂

We are try our best to finish this asap we can 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress tooltip support

Then our wordpress tooltip developer learn the great font-awesome package and developed a new shortcode for font awesome tooltip for wordpress users, now you can using more than 1588 pretty icons / logos to show your user a pretty icon tooltip 🙂

How to build more than 1500 pretty icon logo tooltip via font awesome tooltip?

1:  check wordpress tooltip download  to download  newest  version of wordpress tooltip pro + plugin

2: Upload the wordpress tooltip plugin (zip file) via plugins panel in your wordpress,  if you are new user of wordpress tooltip, please check our  video of how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: Create a new wordpress post, just insert wordpress font-awesome tooltip shortcode like this:

[ttfa tooltip_id="13" set="fas" icon="fa-question-circle" size="2x" color="#9ee2c6"]

font awesome tooltip shortcode in editor

Then in front-end of your wordpress post, you will find a font-awesome tooltip, it looks like this:

font awesome tooltip icon in front-end

You can see there are a pretty question circle, when users mouse hover the question circle, we will display tooltip popup window like this:

font awesome tooltip popup window in front-end

You can custom the size or color for the question circle icon, for example, You can increase the size of your FontAwesome icons  —  just change the “size” from 2x to 3x or 4x…etc, and you can change the fontt color, just change the “color” to any color you like, for example “#cccccc”

[ttfa tooltip_id="13" set="fas" icon="fa-question-circle" size="3x" color="#cccccc"]

Also you can you can change the style of font awesome tooltip, you can change the “set” as:

fas — solid icons

far — regular icons

fab — brand icons

so basically what you need to do know:

a: the tooltip_id is the tooltip post id you created in wordpress tooltip editor

b: the set, you can select:
fas — solid icons

far — regular icons

fab — brand icons

c: the icon, you can see we have use the font awesome icon question-circle to realize your requirement, also there are 1588 pretty icons you can use in your wordpress site too

d: the size, you can increase the size to use 3x, 4x…etc

e: color, you can change it as any color, for example, #eeeeee, etc

We will build a detailed demo for font awesome tooltip for you once we have more time, in the current time, we just sleep about 3hours ~ 6 hours per day and we often lost sleep to work hard to offer pretty tools for our wordpress tooltip users, you can find we are released new tools per day 🙂

Conclusion:

Using Font Awesome icons in a WordPress tooltip can offer several benefits for both the blogger and their readers:

Improved visual appeal: Using Font Awesome icons in wordpress tooltips can add visual interest and enhance the design of the tooltip. This can help draw reader’s attention to the information provided in the tooltip and make it more engaging.

Increased accessibility: Font Awesome icons are easily recognizable, making them particularly useful for readers who may have difficulty with reading text or who are not native speakers of the language used on the site. Incorporating Font Awesome icons into wordpress tooltips can help to make information more accessible to a broader audience.

Consistency in design: By using Font Awesome icons in wordpress tooltips, bloggers can maintain a consistent design throughout their site. This can help create a cohesive look and feel, making it easier for readers to navigate and engage with the site.

Scalability: Font Awesome icons are vector graphics, meaning that they can be scaled up or down without any loss of resolution. This makes them particularly useful for wordpress tooltips that may need to display different sizes of icons depending on where they appear on the site.

We will write more detailed wordpress font awesome tooltip document for you asap we can.

Overall, using Font Awesome icons in WordPress tooltips can help to make information more accessible, enhance the visual appeal of the wordpress tooltip, ensure consistency in design, and maintain scalability. It is a useful tool for bloggers looking to improve the user experience of their site.