Tag: tooltip template

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

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: , , ,

Question:could you share the values of the dark theme (or the css code)

Hi, dear users of  WordPress Tooltip Plugin ,  hope this message find you are doing well and having happy weekend with your family 🙂  A developer  told us he like the dark them of wordpress tooltips pro plugin and he is try to custom the tooltip style, but he have a little trouble, he request us share the code of the wordpress tooltip dark theme with him, we know many users is using our default white blue wordpress tooltip child theme and a few users like the yellow wordpress tooltip child theme, a few users like the dark wordpress tooltip theme, we think may be more users want to custom the theme a little to match their wordpress theme, we’d like reply in here publicly for help more wordpress tooltip users 🙂

We get the question from the amazing user:

Hi! Thanks for the awesome plugin! Right now, I’m struggling with modyfying the “dark” theme. I wanted to change it but when I do, everything looks completely different and I can’t reproduce the “dark theme” style. I really like the ability of the dark theme to change the tooltip box size acording to how much text is in it. COuld you share the values of the dark theme (or the css code) with me so that I can go from there? Thanks!

and

If you access the post “test”, you can see that I use the standard “dark” theme. The website is a language learning website that uses tooltips as it’s dynamic dictionary. I like how the box size changes according to the text length of the tooltip. I have not succeeded in recreating this with the custom style…
So my question is: how can I change just a few things about the “dark” theme? I would like to change font size, no underlining, colors, but the rest should stay exactly the same.

Thanks!

Our wordpress developer checked codes of wordpress tooltips pro and we shared the css code with him:

Hi,

Thanks for the reply 🙂
This is the original css codes we using for the dark theme:
—————
/*! Dark tooltip style */
.qtip-dark{
background-color: #505050;
border-color: #303030;
color: #f3f3f3;
}

.qtip-dark .qtip-titlebar{
background-color: #404040;
}

.qtip-dark .qtip-icon{
border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover{
border-color: #303030;
}
—————

Hope this have a little help 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Support Team

Then the amazing developer replied us:

Hi!

Thanks, I actually found the solution: you can put the value “auto” in Tooltip Box Width.
Kind regards

Yes! Just like we said in our document How to Auto Fit the Display Box to WordPress Tooltips Content?

After upgraded to the wordpress tooltip pro version 14.8.2, you will find in the wordpress tooltip box width field, you can enter the width value or the word “auto” in this field, if you enter the width value, then all tooltip box will have the same width with your customized box width value, if you enter “auto”, then tooltip box will auto match the tooltip content, that means, if you just enter 2 words in tooltip content area, then wordpress tooltip pop-up window will not display the tooltip box with the width 400px, it will just display about 100px to auto-match the length of the tooltip content, and get rid of the extra space in the tooltip pop-up box 🙂

Hope this document have a little help for more users have the similar problems 🙂

Thanks for the great question about wordpress tooltips, this will help more users pro-solve the similar question from our wordpress tooltip knowledge base, if you have any more question or feature request about our wordpress glossary plugin, 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 Tooltip Support Team

Tagged with: , , ,

Improved Tooltip Style for Dedicated WordPress Tooltip Terms, WordPress Tooltips Plugin 15.0.2

Hey dear users of WordPress Tooltip plugin, hope you are doing well and having happy weekend with your family 🙂 We get a wordpress tooltip ticket from a new wordpress tooltip user:

Good morning,

I have set the settings in the tooltip template but i’m going issues. Here is a video of my settings.

Basically I want the text white not black. I have set this in the settings but it is not working.

I also do not want a boarder around my gif. I have set the settings to 0 but it does not let me save that setting as you can see if in the video.

Our wordpress tooltip developer checked the user’s video and site URL, and we replied:

Hi,

Hope you are doing well and having happy weekend with your family 🙂

our developer have checked your great video 🙂

Please note, at the top of the tooltips box customize settings panel, we have added a red note “all fields are required”. 🙂

The problem is because all option is “required field”, when you set up border width as “0”, the value 0 will not be accepted, actually you can set up it as 1, and then select border color as the same color of tooltip window background 🙂

We will try to develop a new version to allow users enter 0 in the future version 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
WordPress Tooltip Plugin Support Team

And then the user said:

I plan on having some kind of pattern in the background of my image so setting the color doesn’t really work unfortunately… Is there a way to remove it with CSS? It seems silly you cannot set the value to 0.

We have offer a solution, but it is a little strange why it cannot works, we know the amazing users is new user of wordpress tooltips plugin, we want to know more details about the reason:

Hi Trevor,

Thanks for the reply 🙂

I am assign our developer to check the css code 🙂

Would you please tell us why you can not use the method to “select border color as the same color of tooltip window background” for “I plan on having some kind of pattern in the background of my image so setting the color doesn’t really work”? 🙂

Just like we said we will develop new version to allow user set up the value as 0 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
WordPerss Tooltip Plugin Support Team

Then the user replied:

Thank you for assigning to the developer,

The background of the section is going to be multi colors. I do not want the boarder around the gifs seeing it looks tacky.

When are you planning on having the new version?

Our wordpress tooltip developer checked carefully, and he think we need help users use wordpress tooltips plugin easier, we decide realize the user’s feature request first, we will change our code to allow wordpress tooltip editor change the Tooltip Box border width as 0, set Tooltip Border Radius  as 0 and set Tooltip Box Padding value as 0, so we replied:

Hi,

Thanks for the reply 🙂

Understood, we will develop the new version today, I hope you can see it not more than 3 days 🙂

Thanks for the URL, it is a great site to show issue videos, is the loom.com need a phone number to register and publish a video?

Thanks, have a blessed day with your family 🙂

Best Regards,
WordPress Tooltip Plugin Support Team

That’s why we developed wordpress tooltip pro plus version 15.0.2 and wordpress tooltip pro plugin version 15.0.2 🙂

How to set up wordpress tooltip box border width as 0?

WordPress Tooltip Plugin  is a very easy to use tool that comes with seven already designed and beautiful tooltip templates, all you need to do is just “two clicks” of the mouse and you can start building a beautiful wordpress tooltip website. WordPress tooltip has a powerful template customization function, you can customize nearly all elements of tooltip, for example, Tooltip Box Background, Tooltip Font Color, Tooltip Box Position, Tooltip Box Width, Tooltip Border Color, Opacity, Tooltips Underline Style, Tooltip Underline Color, Tooltips Shadow, Tooltips Popup Animation, Tooltip Term Hover Color…, in wordpress tooltip global style settings panel, you can customize the style of more than 42 components of the wordpress tooltip box. 🙂

WordPress tooltip global style settings panel looks like this:

tooltip style panel -- change color of links for tooltip content in the tooltip box option

tooltip style panel — change color of links for tooltip content in the tooltip box option, this is a screenshot of an old version

As you can see, you can select 7 preset pretty tooltip template from tooltip box style panel, of customize style of more than 42 tooltip components in Tooltip Box Customize Setting panel 🙂

Also, wordpress tooltip pro plus plugin allow wordpress tooltip editor customize dedicated style for each wordpress tooltip term, that means, each wordpress tooltip box will be able to have a unique unique and beautiful style, it looks like this:

unique pretty style for each tooltip term

unique pretty style for each tooltip term

When you edit a wordpress tooltip term in wordpress tooltip editor, in the metabox, you will find this tooltip customize style settings panel, just a few clicks, you will own a unique & pretty wordpress tooltip template for the specific wordpress tooltip term 🙂

It is very easy to use, so how to customize tooltip border value? Let’s start, at first, what you need to do is download the latest wordpress tooltip version, if you have downloaded and installed wordpress glossary plugin, please jump to step #9 directly 🙂

1: Login our site: wordpress tooltip plugin

2: Then you will find the “download”  menu item at the top menu bar,

3: Please download latest wordpress tooltip pro plus plugin — it is a wordpress plugin “.zip” file.

3: Login your wordpress site admin area

4: In wordpress dashboard, please click “Plugins” menu.

5: If you have installed wordpress tooltips glossary free plugin or old wordpress tooltips pro version or wordpress tooltips pro plugin version, please deactivate it and delete the old wordpress tooltip plugin

6: Then in the wordpress “Plugins” panel, please click “add new” link at the top of the plugins panel to install the wordpress tooltip pro plugin which downloaded from tooltips.org

7: Upload the wordpress tooltip plugin .zip file which you downloaded from wordpress tooltip glossary pro plus plugin site

8: Activate the new wordpress tooltip glossary plugin version which you uploaded via plugins menu

9: Click “Tooltips” menu item

10: Click “Add new” sub menu item, or edit a tooltip term via the All tooltip sub menu item

11: You will open wordpress editor, and you will find custom unique tooltip customize style settings panel, it looks like this:

custom unique tooltip style for the wordpress tooltip term

custom unique tooltip style for the wordpress tooltip term

If you want to custom a dedicated & pretty style this the specific wordpress tooltip term, then please select “YES”, else please select “NO”, if you select “NO”, then the specific wordpress tooltip term will use default settings from wordpress tooltip global style.

12: Then under the “Enable / Disable Custom Unique Style Functionality for this Tooltip”, you will find “Tooltip Box Customize Setting” panel, it looks like this:

unique pretty style for each tooltip term

13: As you can see, you can customize unique style in this metabox just via a few clicks, and it accept the value 0 for the option “Tooltip Box border width”, and the option “Tooltip Border Radius” and the option “Tooltip Box Padding”. 🙂

14: After customized the tooltip color and tooltip component’s  value for the specific tooltip,  in the front end, you will find wordpress tooltip pop-up box border will works like what you customized in tooltip style settings panel.

Thanks for the great feedback of the wordpress tooltip plugin, we don’t know users have this kind of requirement,  if you have more question or feature request, please don’t hesitate to contact us, we are very happy to improve wordpress tooltip plugin to help wordpress tooltip users use wordpress tooltip plugin easier 🙂

Related Tips:
Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Glossary Plugin Support Team

Tagged with: , , ,

How to Customize WordPress Tooltip Border Width and Border Color?

Hi dear WordPress Tooltip users, hope you are doing well and have happy day with your family 🙂 An new wordpress tooltip user asked us a question about set up wordpress tooltip border:

Hello,

I managed to get it to work after changing the url. Thanks you for your help with that.

I have a couple of questions about the styling now. I have tried setting the boarder width and radius to 0 but it won’t allow in the settings

I think may be there are more new wordpress tooltip users have similar question, I’d like write a document with detailed step by step text and images to help you do this easier 🙂

How to Customize WordPress Tooltip Border Width and Border Color?

With WordPress Tooltip Plugin, it is very easy to customize each elements of wordpress tooltip, at first, what you need to do is download the latest wordpress tooltip version, if you have downloaded and installed wordpress glossary plugin, please jump to step #9 directly 🙂

1: Login wordpress tooltip glossary plugin site

2: Click “download”  menu item to download newest wordpress tooltip plugin, please note, it is a wordpress plugin .zip file.

3: Login your wordpress site admin area as wordpress admin user.

4: In your wordpress dashboard, click “Plugins” menu.

5: If you have installed wordpress tooltips glossary free plugin or old wordpress tooltips pro version or wordpress tooltips pro plugin version, please deactivate it and delete the old wordpress tooltip plugin

6: Then in the wordpress “Plugins” panel, please click “add new” link at the top of the plugins panel to install the wordpress tooltip pro plugin which downloaded from tooltips.org

7: Upload the wordpress tooltip plugin .zip file which you downloaded from wordpress tooltip glossary pro plus plugin site

8: Activate the new wordpress tooltip glossary plugin version which you uploaded via plugins menu

9: Click “Tooltips” menu item

10: Click “Tooltips Style” sub menu item

11: You will open “Tooltip Style Settings” panel, it looks like this:

wordpress tooltip style panel 14.8.0

wordpress tooltip style panel 14.8.0

12: In the “Tooltip Bx Style” option panel, please select the option “Customized” option and click “Update Now” blue button

13: Then in the “Tooltip Box Customize Setting” panel, you will find “Tooltip Border Radius”, “Border Width”, “Tooltip Border Color” options, please just set up it to match your site style and design

14: In the front end, you will find wordpress tooltip pop-up box border will works like what you customized in tooltip style settings panel.

Also wordpress tooltip plugin support customize unique tooltip style for each wordpress tooltip term

From the step #1 to step #14 at the above, you can see it is very easy to set up wordpress tooltip box border, actually, it is tooltip style global settings, you can customize a unique tooltip style for eech wordpress tooltip term very easy 🙂

If you want to set up a different tooltip style for specific tooltip term, please:

1: Login your wordpress site admin area as wordpress admin user.

2: Click tooltips menu item and then click add new sub menu item

3: You will open the wordpress tooltip editor, and at the bottom of the wordpress tooltip editor, you will find tooltip box customize setting panel which only works for this tooltip term, it looks like this:

unique pretty style for each tooltip term

unique pretty style for each tooltip term

Just change your tooltip border radius, border color, border width, and enter your tooltip title and tooltip content, then click publish button

4: In the front end, just mouse hover this tooltip term in your wordpress post, you will find this tooltip term have dedicated tooltip border color and border width 🙂

Thanks for the question about tooltips border, if you have any more question or feature request of wordpress tooltip glossary plugin, please don’t hesitate to contact us, we are happy to help you use wordpress tooltip plugin easier and realize more amazing features for the wordrpess tooltip plugin 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Glossary Plugin Support Team

Tagged with: , , , ,

WordPress Tooltip Glossary Pro Plugin 14.1.4 Released

Dear Users of WordPress Tooltip Glossary,
Hope this message find you are doing well and have happy weekend with your family 🙂  We are happy to report you, we have released wordpress tooltip glossary pro plugin 14.1.4

What’s new in wordpress tooltip glossary pro plugin 14.1.4?

Our developer finished the code audit of our wordpress tooltips regenerate style module 🙂
May be you know, by default, wordpress tooltips plugin support 7 preset pretty wordpress tooltip color scheme, users can select tooltips template from the select box via one click 🙂
Also wordpress tooltips pro plugin support customize tooltips color, font, title, width, background, actions… and so on, it looks like this:
wordpress tooltips pro 13.9.4 tooltip style settings panel

wordpress tooltips pro 13.9.4 tooltip style settings panel

And, tooltip editor can customize wordpress tooltip font, tooltip color, tooltip border, tooltip underline, tooltip shadow, tooltip speed, tooltip background, tooltip place… and so on for each tooltip term too, each tooltip have the ability to have different tooltip style, you can find a demo at our sweet tooltip demo. 🙂
Then, then problem is, when wordpress tooltip plugin user build a  lot of wordpress tooltip template, for each tooltip terms, sometimes, you want to regenerate each tooltip template via one click, include global tooltip template, that’s the functionality of tooltip regenerate module 🙂
It looks like this:
Regenerate All Tooltips Style

Regenerate All Tooltips Style

Our developer re-checked code of tooltip regenerate module, he added wordpress function sanitize_text_field and wp_nonce_field to enhance the code security of tooltip regenerate module 🙂 Please upgrade to wordpress tooltips pro plugin 14.1.4, if you have any question or suggestion of wordpress tooltip plugin, please don’t hesitate to tell us 🙂
Also we have developed many free wordpress plugins for wordpress tooltip plugin users too,  you can download our free wordpress plugin from wordpress free plugins, please give us suggestion and feedback of wordpress plugins. 🙂 Thanks, have a blessed day with your family 🙂
Best Regards,
WordPress Tooltip Glossary Plugin Support Team
Tagged with: , , ,

How to choose from the preset wordpress glossary templates?

WordPress Tooltip Glossary Users,

Hope this message find you are doing well and have happy new year 🙂

What is preset wordpress glossary templates?

To facilitate wordpress glossary users to quickly create their own glossary / directory / glossary / dictionary for their wordpress site, our developer  of wordpress glossary plugin designed a few pretty preset glossary templates, include Blonde glossary template, blue glossary template, Dark glossary template, Red glossary template, Green glossary template 🙂

How to choose preset wordpress glossary template?

It is very easy to set up a pretty preset wordpress glossary template, just one click, wordpress glossary users will have a pretty wordpress glossary theme in the front end of wordpress site 🙂

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

2: Download wordpress glossary plugin via “My account” page, you will find this menu at the top bar of wordpress tooltip site

3: Login as admin in your wordpress admin area

4: Click “Plugins” menu item in your wordpress admin area

5: Deactivated old version of wordpress glossary plugin

6: Delete the old wordpress tooltip plugin

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

8: Upload the wordpress glossary 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 “Glossary Settings” sub menu item, you will open “Glossary Settings” panel

12: At the top of the “Glossary Settings” panel, you will find the “Glossary Style” option box, and in here you will find options: Blonde glossary template, blue glossary template, Dark glossary template, Red glossary template, Green glossary template:)

It looks like this:

glossary settings panel in wordpress glossary plugin 14.0.4

glossary settings panel in wordpress glossary plugin 14.0.4

 

13 Just select the glossary template from the template select box

14: Please remember to  click “Update now” blue button

15 In front end, your glossary / directory / glossary / dictionary will have a pretty template immediately, for example, from our wordpress glossary page, you will find it looks like this:

wordpress glossary frontend

This is our blonde glossary template

You can try changing a few more preset templates while adapting to your theme’s style 🙂

Also we have developed many wordpress free plugins for wordpress glossary plugin users too, you can find these wordpress free plugins in our wordpress plugin shop page and you can download them free of charge 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltip Glossary Plugin Support Team

Tagged with: , , , , ,

WordPress Tooltip Glossary Plugin 10.4.2, Users can Custom Tooltip & Glossary & Bullet Screen Template CSS Coder in Back End

Good Morning! Dear WordPress Tooltip Glossary Plugin Users,

Hope this message find you are enjoy your happy weekend with your family! We are happy to reported you, based on a few amazing users’ feature requests, we just released wordpress tooltip glossary plugin 10.4.2, changes in this tooltip version:

Support Custom WordPress Tooltip & Glossary & Bullet Screen Template CSS Coder in Back End

An amazing user told me he is a coder, he always customized css codes of wordpress tooltip glossary template with pretty affects by himself, but every time after upgraded to the newest version of wordpress tooltip glossary plugin, he had to replace these customized css codes in wordpress tooltip glossary template files again, he hope we offer a method to help him do this more easier 🙂

Lazy bone changed the world, right? Now solution is coming, we developed a “custom coder” menu item, it works like this way:

#1 Please login wordpress backend

#2 Click tooltips menu item,

#3 Then click tooltips coder sub menu item

#4 you will find “Tooltip & Glossary & Bullet Screen Custom Coder” setting panel, in which youc can enter your own tooltip / glossary template css codes in here

#5 In front end, these customized css codes will be loaded in head of wordpress pages.

By this way, after upgraded to the new version of wordpress tooltip glossary plugin, coders do not need change css codes in tooltip glossary template manually again

The “Tooltip & Glossary & Bullet Screen Custom Coder” setting panel looks like this:

tooltip glossary custom coder

tooltip glossary custom coder

BTW, because all css codes you entered in here will be insert into the head of the wordpress pages, so you can use this panel to custom your other theme / plugins css codes too 🙂

Also some users told us they hope can find our document and ticket quickly, so we added a sidebar in admin setting panels, in which you can
find links of wordpress tooltip document and ticket and change logs. 🙂

We received Tons feature requests, you can find now we are upgrade wordpress tooltip glossary plugin new version per day, if you have any feature requests, or any question, please don’t hesitate to tell us, we are very happy to offer a better and better wordpress tooltip glossary plugin for you! 🙂

Thanks, have a blessed weekend with your family 🙂
Best Regards,
Tooltips Support Team
Tagged with: , , , ,
Top