Home › Posts tagged pretty tooltip › Page 2
Tag: pretty tooltip

How to increase the line spacing between tooltip contents, Supported by wordpress tooltips pro plus 23.0.8

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hi, Dear users of wordpress tooltip plugin , hope this message find you are doing well and having happy days with your family 🙂 We got an amazing wordpress tooltip user’s feedback, he asked a question, “How to increase the line spacing between tooltip contents”? We have realized this feature in current wordpress tooltips plugin in a few years before, you can change line height of tooltip content in wordpress tooltip style settings panel, it looks like this:

tooltip style settings panel in tooltips pro plus 18.9.8

tooltip style settings panel in tooltips pro plus 18.9.8

As you can see, in wordpress tooltip style settings panel, there are an option “tooltips line height”, the “line-height” property in CSS does not include the font height itself. Instead, it specifies the height of the line box, which includes the following components:

  1. Text Content Height: This is the actual height of the text content, determined by the font size and any additional spacing due to line breaks within the text.
  2. Leading: Leading refers to the extra space added between lines of text. It is the difference between the line height and the text content height. This space is distributed evenly above and below the text, which helps in vertical alignment and spacing between lines.

So in general,

Line height (line-height) refers to the vertical space occupied by each line of text, including the actual height of the text content (determined by the font size and style) and the leading (space between lines). By adjusting the line height, you can indirectly change the line spacing, as it determines the vertical distance between text lines. A larger line height will result in larger line spacing, while a smaller line height will lead to smaller line spacing.

By adjusting the line height, you can influence the layout and display of text on a page, thus improving readability or achieving specific typographic effects. In web design, adjusting line height is a common way to optimize the appearance and layout of text, making it more in line with design requirements.

But then we understand, what the the user want is, just change line spacing, only change the line spacing, in CSS, “line spacing” refers to the vertical gap between lines of text. It represents the space between adjacent lines of text, controlling the vertical alignment of the text.

In CSS, there are no line-spacing, in general,  line spacing is typically achieved by setting the “line-height” property, which defines the height of the line box, including the actual content height of the text and the line spacing. A larger line height will result in larger line spacing, while a smaller line height will lead to smaller line spacing.

Apart from setting line spacing using the “line-height” property, we can also adjust line spacing using other CSS properties and techniques, such as using “margin” or “padding” properties, or using CSS pseudo-elements to add extra spacing.

Okay, we understand the wordpress tooltip user hope just adjust line spacing, it  is an important typographic technique in web design that can improve text readability, typography, and overall visual aesthetics.

No problem, our wordpress tooltip developer developed a new version wordpress tooltips pro plus 23.0.8 to allow wordpress editor can adjust line spacing 🙂

Thanks for the great suggestion, we upgrade the wordpress tooltip user’s license to wordperss tooltip pro plus, if you have any more feature request about wordpress tooltip plugin, please don’t hesitate to tell us, we are very happy to help you, and we will give you gift as a THANK 🙂

 

Tagged with: , , ,

How to build more than 1500 pretty icon logo tooltip via font awesome tooltip? WordPress tooltip pro plus 19.9.8 released

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — 2 Comments ↓

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

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

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.

Purchase Now
Tagged with: , , , , , ,

New option to click anywhere out of tooltip window. Supported by wordpress tooltips pro plus 19.6.8

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hi, Dear users of  wordpress tooltip ,  hope you are doing well and having happy days with your family 🙂  A user said his wordpress tooltip popup window would close abnormally under certain circumstances, and he gave us screenshots. We repeated the experiment on our own site, but it worked fine on our end.  After consulting with our users, we thought a solution would be to close the popup window when the user clicks anywhere out of the popup window in the wordpress tooltip, which is why we developed this new version — wordpress tooltip pro plus plugin 19.6.8. 🙂

Yes, a tooltip is a small box that displays additional information on a web page, usually when the user hovers over an element with a prompt message. Although tooltip was not an early invention of the Internet, its use in Web applications and Web sites has been around for a long time.
According to reliable sources, tooltip first appeared in operating systems, where it was called “Balloon Help”. This feature was first introduced by Apple in 1991 to provide users with help information in the Macintosh operating system. In the Windows operating system, it is called “ToolTip” and first appeared in Windows 95.
With the rise of web applications, tooltip became widely used on web pages. According to some reliable sources, the use of tooltip in web applications dates back to around 2000. For example, early JavaScript libraries such as Prototype and jQuery included tooltip plugins that helped web developers easily add hints to their websites.
In summary, although tooltip was not an early invention of the Internet, it has become one of the commonly used features on Web applications and Web sites and has been used extensively throughout the history of the Internet.

In 2011 we developed wordpress tooltip plugin,  after a few months, we uploaded it on wordpress, our wordpress tooltip plugin support insert image, text…etc in wordpress tooltip window — with wordpress standard editor, then many users start install our wordpress tooltip plugin because help webmaster build a better wordpress site 🙂

Now is 2023, we have released more than 420 versions for wordpress tooltip plugin, and wordpress tooltip support insert video, youtube, vimeo, audio, soundcloud, google map, QR code, images, woocommerce products…etc in wordpress tooltip window, and many users insert many other kinds of content and javascript in the wordpress tooltip window too, this make the things complex, for example, some 3rd component will close the window based on their javascript event…etc  🙂

From wordpress tooltip pro plus 19.6.8, we solved this problem, you can avoid this kind of problem by this way:

1: Login wordpress tooltip ,  click download menu to download wordpress tooltips pro plus(version >= 19.6.8)

2: Upload the new version of wordpress tooltip plugin to wordpress site,  please check our  video — how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: After activate the wordpress tooltip plugin,  please  click “Tooltips” menu item in wordpress backend, then click “Tooltip style” sub menu item, you will open tooltip style settings panel, it looks like this:

new option hide when click on out of tooltip window

new option hide when click on out of tooltip window

4: in the option “tooltip hides when:”, please select “Click anywhere out of tooltip window”, and click the blue “Save Changes” button at the bottom of the wordpress tooltip settings panel

5: In front end, users can click anything in the wordpress tooltip popup window, for example, video / audio / image / links….etc, then if user click anywhere out of the tooltip popup window, the tooltip window will be closed 🙂

We know the great user is urgent so we lost our sleeps to developed this feature for the user from the day to night, if there are any more question of any more feature request, please don’t hesitate to contact us. Now we can have a good sleep now 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress tooltip plugin support

Tagged with: , , ,

How to Customize WordPress Tooltip Term Padding for Each WordPress Tooltip Keyword in WordPress Post? Supported by tooltip pro plus 18.2.8

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey, Dear  WordPress Tooltip plugin users, hope this message find you are doing well and having happy days with your family 🙂 Our wordpress tooltip developer just finished a new wordpress tooltip pro plus plugin version 18.2.8, in this version, wordpress tooltip plugin support customize wordpress tooltip term padding of each wordpress keyword. Why we need  customized an unique padding for each wordpress keyword, just check this screenshot:

tooltip term background padding in wordpress post

tooltip term background padding in wordpress post

In last updates of last wordpress tooltip version, we have been trying to provide users with more ability to customize eye-catching and beautiful tooltip style, now you can customize background of each wordperss tooltip term and customize padding of each wordpress tooltip term, by this way, as you can see in the screenshot above, wordpress tooltip editor can create a unique, eye-catching and beautiful style for each wordpress tooltip keyword. 🙂  Compared with the underline tooltip method in the past, using the large color blocks can more strongly attract users’ attention 🙂

How to Customize WordPress Tooltip Term Padding for Each WordPress Tooltip Keyword in WordPress Post?

1 login your account in wordpress tooltip plugin site, and download wordpress tooltip pro + that version >= 18.2.8

2 login your wordpress site and go to dashboard and click tooltips menu item

3 click add new sub menu item to add a new tooltip  or just edit an existed wordpress tooltip term

4 then you will open wordperss tooltip editor, at the bottom of the wordpress tooltip editor, you can find tooltip box customize settings panel, we make a screenshot to help users find it easier:

Tooltip Term Padding in Post for each tooltip term

Tooltip Term Padding in Post for each tooltip term

5: As you can see in the screenshot above, there are a new option “Tooltip Term Padding in Post”, if you do not want a padding for wordpress tooltip keyword, enter 0, else enter a number, for example 6

6:Now you need enable unique style for this tooltip term, or wordpress tooltip plugin will use the default global settings which you set in the tooltip style menu

How to enable unique style for this tooltip term? Above the “tooltip box customize settings panel”, you will find the panel “Custom unique style for this tooltip”, if you want to enable unique style for the wordpress term, please select  “yes, I will customize a unique style for this tooltip”, else please select NO

7: After finished wordpress tooltip content and title in wordpress tooltip editor, please click publish button to publish the tooltip.

8: Then in any wordpress post, just insert this wordpress tooltip keyword in the content, then  in the front end, you will see the new tooltip effect in your wordpress post

Conclusion:

WordPress tooltips pro plus included many pretty style and template for wordpress tooltip and wordpress glossary, and wordpress tooltip users can customize default global style in wordpress tooltip style panel. And if you want to own the unique different style for specific wordpress tooltip term, you can customize a unique and beautiful style via tooltip box customize settings panel in the wordpress tooltip editor. We are adding more and more pretty powerful tools for wordpress tooltip plugin to help wordpress tooltip users can create colorful wordpress tooltip for your wordpress posts

 

Purchase Now
Tagged with: , , , , , ,

Now you can add different background colors for each wordpress tooltip term in wordpress post, supported by wordpress tooltips pro plus 18.1.8

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey Dear  users of  WordPress Tooltip plugin 🙂 Hope this message find you are doing well and having happy weekend 🙂 A wordpress tooltip user submitted a feature request, he said he is reading our wordpress tooltip documentation, and he followed our document “How to Custom Tooltip Term Background in WordPress Post? Support by WordPress Tooltips Pro Plus 17.6.8” to customized a pretty background for wordpress tooltip keyword, and it is really attracting readers’ attention, and then he asked us, how to allow wordpress tooltip editor customize background color for each wordpress tooltip term? If each wordpress tooltip keyword can have a different and beautiful background color, the whole wordpress post will much more colorful , and readers will have a good reading experience, and readers will feel fresh and visual impact, so as to better accept the author’s views, and will be more willing to stay on this page to participate in the interaction with the author 🙂

Yes, our wordpress tooltip developer said the user’s suggestion is absolutely correct, this feature request is very worthwhile for us to quickly develop a new version so that wordpress editor can have a new and powerful tool to attract their audience 🙂

So one day later, we released a new wordpress tooltips plugin for the great user — wordpress tooltips pro plus 18.1.8

How to different background colors for each wordpress tooltip keyword?

1: download wordpress tooltips pro plus plugin which version >=18.1.8

2: login your wordpress site and click tooltips menu item

3: try to add a new tooltip term or edit your existed tooltip term, you will open wordpress tooltip editor

4: at the bottom of the content editor, you will find tooltip box customize settings panel, it looks like this:

Tooltip Term Background in Post in tooltips pro plus 18.1.8

Tooltip Term Background in Post in tooltips pro plus 18.1.8

5: as you can see in the picture above, at the bottom of tooltip box customize settings panel, we added a  new option “Tooltip Term Background in Post”, in the option, you will find the color picker and the select box “disable the option”, if you want to add background for this wordpress tooltip term, please select “enable the option” and chose the color you like from the color picker

6: above the “tooltip box customize settings panel”, you will find another panel “Custom unique style for this tooltip”, please select “yes, I will customize a unique style for this tooltip”

7: Enter wordpress tooltip title and content in tooltip editor and publish the wordpress tooltip

8: insert the tooltip keyword in any wordpress post, then in front end, you will find the background color of the wordpress tooltip term has been changed as you settings in wordpress tooltip editor

9: just custom beautiful background for other wordpress tooltip keyword, then you will have a colorful wordpress post which let users stay on your page longer 🙂

Conclusion:

WordPress tooltips pro + plugin support customize unique style for each wordpress tooltip term, by customize different background color for each wordpress tooltip keyword in wordpress tooltip editor, in front end, users will get a colorful and pleasing to the eye wordpress post 🙂

 

Purchase Now
Tagged with: , ,

How to construct a colorful and lovely attention-grabbing wordpress post by adding different color tooltip terms? WordPress Tooltip Pro Plus 15.9.4 Released

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

An amazing wordpress tooltips pro plus user submitted a ticket to us, he asked a question to our wordpress tooltip plugin: “Hi, In the tooltip style menu I can define the color of the text using “Tooltip Term Color in Post”. If I create a tooltip with customized style I cannot define this color and always get the color defined in the global setting. Where can I fix this?”, this is a good question 🙂

If you are wordpress tooltips pro plus plugin user, may be you know, in wordpress tooltips pro plus 14.8.0, we added a new option “Tooltip Term Color in Post” in tooltip style panel, to solve another amazing user’s feature request:”Does the Pro plugin allow me to change the format of the term on the page? For instance, of the term being underlined, could I instead change the color of the term text in the post?”

The option “Tooltip Term Color in Post” in tooltip pro plus style panel looks like this:

As you can see, at the bottom of the wordpress tooltip style panel, there are a new option “Tooltip Term Color in Post”, you can just click to custom the color of wordpress tooltip term in wordpress post via wordpress color picker, If you changed the tooltip term color in here, then in front end, you can choose a color different from the default font color of the wordpress theme to make the tooltip more visible on the page and easier for your wordpress readers to find and activate the tooltip pop-up 🙂

How every, if wordpress tooltip plugin support customize color wordpress tooltip term for each wordpress tooltip term, then that means, in your wordpress posts, you can use some wordpress tooltip term rich in various colors to beautify the style of your wordpress pages, making your page lively and full of spirit, rather than dull only a black font 🙂

How to construct a colorful and lovely attention-grabbing wordpress post by adding different color tooltip terms?

1: Please login  wordpress tooltip plugin site, if you have installed  wordpress tooltip plugin 15.9.4, then please move to step #11 directly

2: In tooltips.org top menu bar, please click “download” menu item

3: You will be requested enter your user name and password to download wordpress tooltip pro plus plugin version 15.9.4

4: After logged in tooltips.org, you will be redirect to my account panel, in here you will find the newest version of wordpress tooltips pro plus, it is a .zip file

5: After downloaded wordpress-tooltips pro plus plugin, please login your wordpress site.

6: Then in wordpress dashboard, please click “Plugins” menu item and then deactivated the old tooltips plugin version

7: Then please click the “Delete” link to delete the old version of wordpress tooltip

8: In “Plugins” menu item, please click “add new” link which at the top of the plugins panel

9: Please upload the tooltips plugin zip file that you downloaded from wordpress glossary plugin site

10:Please activate wordpress tooltip glossary plugin 15.9.4

11: Then please Click “Tooltips” menu item

12: Now you will find all tooltip terms which you entered, just select a wordpress tooltip term and click edit link to edit it

13: Now you will open wordpress tooltip editor, please move to the bottom of the wordpress tooltip editor, you will find “Enable / Disable Custom Unique Style Functionality for this tooltip” panel, please select “Yes,I will customized a unique style for this tooltip at below”, it looks like this:

14: Then in the bottom of the tooltip box customize setting panel, you will find a new option “Tooltip term color in post”

15: Via the tooltip term color picker, you can select a lovely color for this wordpress tooltip term

16: Also you will find there are a enable / disable option under the “wordpress tooltip term color in post” option. if you do not want display a colorful wordpress tooltip effects for this tooltip term, you can just select “disable the option”, else just keep it as “enable the option”

17: If you do not enable this option, wordpress tooltip pro plus plugin will use global settings which in wordpress tooltip style panel, for example, let’s day in the front end, you have set up default global tooltip style looks like this:

As you can see, all tooltip term have the same tooltip term color

18: Now if you set up to display different color for each wordpress tooltip terms, then it looks colorful in your wordpress post, for example, looks like this:

frontend of customized unique style of this tooltip term

It looks better, right? 🙂

Conclusion:

WordPress tooltips pro plus plugin has many sweet little tools that allow wordpress editor to decorate your wordprss post with colorful tooltip styles, you can use different lovely tooltip term colors to add some lovely and eye-catching spices to your carefully cooked thoughtful delicacies. You can add various videos, music, sounds, maps, payment QR codes… etc in your wordpress tooltip popup-window, saving you space in wordpress tooltip,  and making it fun for users to keep discovering your thoughtful restaurant of thoughtful delicacies.

 

Purchase Now
Tagged with: , ,

WordPress Tooltips Plugin 15.7.4 Released

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hi dear WordPress tooltip pro plugin users, hope this message find you are doing well and have happy weekend with your family 🙂 our wordpress tooltips plugin developer have released a new wordpress tooltips pro plugin and wordpress tooltips pro plus plugin version — 15.7.4 🙂

In 2019, we developed WordPress Tooltips Pro Plugin 7.8.0, in which each wordpress tooltip term have unique pretty style, to help  wordpress tooltip plugin editor build a colorful and varied and graceful tooltips site 🙂

In wordpress tooltip site, we have build a few demos to display how to add different pretty style for each wordpress tooltip terms, for example, please check and hover the menu item Menu Tooltip Demo, you will find the dedicated pretty style and action for this tooltip term, and if you check the menu item wordpress tooltip plugin, you will find another unique pretty tooltip effect on this wordpress tooltip term 🙂

you can find wordpress tooltip demo at here, also if you check our top menu bar, you will find a few menu items have their own unique pretty tooltip style and action  🙂

 

In wordpress tooltips pro plugin 15.7.4, we improved this feature for wordpress tooltip plugin users, please upgrade to 15.7.4 asap you can 🙂

Thanks, have a blessings weekend with your family 🙂

Best Regards,
WordPress Tooltips Plugin

Tagged with: , , ,

Question:Can You Tell Me What the Settings For the Green Style are?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hey, good evening, dear  WordPress Tooltip Plugin users,  hope this message find you are doing well and having happy days with your family! 🙂 An amazing wordpress tooltip user told us he like the green tooltip template and he want to custom the template, but he found there are some troubles:

Subject:
Customize Green preset style

Message:
Hi,
I like the green preset style but would like to adjust a couple of things.
I know i need to use the custom settings but can you tell me what the settings for the Green Style are?

i have tried to guess but it is not working.

Our wordpress tooltip developer checked our template codes of wordpress tooltip plugin and we copied it in here, I guess may be more wordpress tooltip users have similar needs 🙂

Css codes of green wordpress tooltip template:

/*! Green tooltip style */
.qtip-green{
background-color: #CAED9E;
border-color: #90D93F;
color: #3F6219;
}

.qtip-green .qtip-titlebar{
background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon{
background-position: -42px 0;
}

Hope this have a little help 🙂

Thanks for the great question, if we miss-understand your question, please don’t hesitate to contact us, we are very happy to help you 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Support Team

Tagged with: , , ,

How to Custom WordPress Tooltip Title Font Family and WordPress Tooltip Content Font Family?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

Hi WordPress Tooltip user, hope this message find you are doing well and have happy weekend with your family 🙂   As we introduced in yesterday’s post How to Custom WordPress Tooltip Term Color in WordPress Post?  wordpress tooltip plugin can customize the style of the wordpress tooltip terms / wordpress tooltip content / wordpress tooltip box … and so on, for example, you can custom WordPress Tooltip Box Width, WordPress Tooltip Box Background, WordPress Tooltip Font Color, WordPress Tooltip Box Position,  WordPress Tooltip Text Align, WordPress Tooltip Box Padding, WordPress Tooltip Class Name, WordPress Tooltip Border Radius, WordPress Tooltip Width, WordPress Tooltip Border Color, WordPress Tooltip shows method, WordPress Tooltip hides methods, WordPress Tooltip Opacity, WordPress Tooltip Underline Style, WordPress Tooltip Underline Color, WordPress Tooltip Shadow, WordPress Tooltip Font Size, WordPress Tooltip Line Height, WordPress Tooltip Term Color. WordPress Tooltip Popup Animation, WordPress Tooltip Title Background Color, WordPress Tooltip Title Font Size, WordPress Tooltip Title Font Color, WordPress Tooltip Close Button, WordPress Tooltip Close Button Background, WordPress Tooltip Close Button Radius, WordPress Tooltip Close Button Font Color, WordPress Tooltip Color of Glossary Term Link in Tooltip Box, Delay the Execution of Tooltip Function… and so on, nearly all things you can imaging for the wordpress tooltip style 🙂

Today, we get an  wordpress tooltip user’s ticket, he asked:

Is there a global setting to make all the font types uniform? Ex: all terms should be displayed in Comic Sans MS.

Yes, of course, wordpress tooltip support custom wordpress tooltip font family, we’d like reply the question in here publicly:

How do I Custom WordPress Tooltip Title Font Family and WordPress Tooltip Content Font Family?

1: login your wordpress site as wordpress admin
2: In wordpress admin area, please click tooltips menu item
3: Then please click tooltips style sub menu item
4: You will open the “tooltip box customize settings panel”, it looks like this:

wordpress tooltip style panel 14.8.0

wordpress tooltip style panel 14.8.0

5: Please check “tooltip title font family” option in the tooltip box customize settings panel

6: You will find you can select a font family from the select box, we have added many font family in here,  if you need to add new font family in here, please just tell us the exactly font family name, we will add it for you 🙂

7: Then if you want to change the font family for the tooltip content in the wordpress tooltip pop-up box, then please just click the ” Tooltip Content Font Family” select box, and then select the font family for the tooltip content in wordpress tooltip window

8: Then please remember click the blue “Save Changes” button

9: In the front end, when wordpress tooltip users  mouse hover the tooltip terms in your wordpress posts, they will find the font family of the tooltip title and font family of the tooltip content has been changed as you customized in the wordpress tooltip style panel

Easy, right? When you want to change any element’s style for the wordpress tooltip, basically, what you need to do is just click mouse in the wordress tooltip style panel, then all things will works well as you want 🙂

Thanks for the ticket, if you have any more question or feature request of wordpress tooltip plugin, please tell us, we are happy to build the best wordpress tooltip plugin for you always 🙂

Purchase Now

Hope you have a blessed weekend with your family 🙂

WordPress Tooltip Plugin Support

Tagged with: , , , , ,

How Can I Customize Tooltip Style For Tooltip ShortCode?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Plugin Document — No Comments ↓

How to 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 🙂

What is WordPress Tooltip Plugin?

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

How Can I Customize WordPress Tooltip Style For Tooltip ShortCode?

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:

wordpress tooltip style settings panel 14.1.6

wordpress tooltip style settings panel 14.1.6

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:

unique pretty style for each tooltip term

unique pretty style for each tooltip term

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
Tagged with: , , ,
Top