Home › Posts tagged pretty tooltip
Tag: pretty tooltip

(WordPress Tooltip Plugin)كيف يمكنني منع أدوات التلميحات في ووردبريس من تحديد مواقعها خارج الشاشة على الشاشات الصغيرة؟

Posted on by wordpress tooltips Posted in وثيقة إضافة التحويم لووردبريس — No Comments ↓

وتقضون عطلة نهاية أسبوع رائعة مع أحبائكم. لقد تلقينا تذكرة من مستخدم جديد لإضافة تلميحات ووردبريس، وقد سأل:
“مرحبًا
تقوم التلميحات بتحديد مواقعها خارج الشاشة على الشاشات الصغيرة.
هل لديكم أي خطط لإصلاح هذه المشكلة؟”
نحن نعتقد أن هناك ربما المزيد من المستخدمين لديهم أسئلة مماثلة، لذا نود أن نوثق الحل هنا علنًا
كيف يمكنني منع تلميحات ووردبريس من تحديد مواقعها خارج الشاشة على الشاشات الصغيرة؟
1 إذا لم تكن قد قمت بتثبيت الإصدار المحترف من إضافة تلميحات ووردبريس، الرجاء تسجيل الدخول إلى حسابك على موقع إضافة تلميحات ووردبريس على العنوان tooltip.org. وإلا، يرجى الرجوع إلى الخطوة رقم 11.
2 انتقل إلى صفحة “حسابي” وقم بتنزيل إضافة تلميحات تعريف ووردبريس.
3 الآن، دعونا نستمر في عملية التثبيت!
4 قم بتسجيل الدخول إلى منطقة إدارتك في ووردبريس كمسؤول.
5 انقر على خيار “الإضافات” في لوحة القيادة.
6 قم بإلغاء تنشيط أي إصدارات سابقة من إضافة التلميح، إن وجدت.
7 احذف بشكل كامل إضافة تلميحات ووردبريس القديمة.
8 لا يزال في قائمة “الإضافات”، اختر “إضافة جديدة” في أعلى لوحة الإضافات.
9 قم بتحميل ملف الإضافة التلميح من موقع إضافة تلميحات التعريف في ووردبريس.
10 قم بتنشيط الإصدار الأحدث من إضافة تلميحات تعريف ووردبريس. برااافوو! الآن، دعونا نخصص نمط التلميحات
11 انقر على خيار “التلميحات”.
12 من القائمة المنسدلة، اختر “نمط التلميح”. سيفتح هذا لوحة “نمط التلميح”، كما هو موضح في اللقطة الفوتوغرافية التالية:
لوحة نمط التلميح في إضافة تلميحات ووردبريس المحترفة 28.2.8
لقطة شاشة: لوحة نمط التلميح في إضافة تلميحات ووردبريس المحترفة 28.2.8
13 في هذه اللوحة، يمكنك العثور على خيارات لضبط موقع التلميح، لون الخط العنوان، حجم الخط العنوان، لون الخلفية، والمزيد بكثير! لديك حرية تخصيص كل جانب من جوانب إضافة تلميحات ووردبريس وفقًا لتفضيلاتك. إنها مثيرة للغاية، أليس كذلك؟
14 في لوحة إعدادات النمط، ستجد خيار “موقع صندوق التلميح”، الذي يقدم خيارات تحديد مواقع متنوعة مثل bottomRight، bottomLeft، topRight، topLeft، topMiddle، bottomMiddle، rightMiddle، وleftMiddle…
إن إضافة تلميحات ووردبريس لدينا توفر ميزة الوضع التلقائي المريح. دعونا نوضح كيف يعمل مع بضعة أمثلة.
إذا اخترت موقع “topMiddle” لصندوق التلميح، فسيظهر بذكاء في الوسط العلوي من الكلمة المفتاحية للتلميح على الجانب الأمامي. بالمثل، إذا اخترت موقع “bottomMiddle”، سيتم عرض صندوق التلميح في الجزء السفلي من وسط الكلمة المفتاحية.
لقد طوّرنا هذه الميزة لضمان أن تلميحاتك تتوافق بسلاسة مع السياق المقصود، مما يؤدي إلى تجربة مستخدم سلسة وبديهية.
اقتراحنا هو اختيار الخيار “bottomMiddle” أو “topMiddle”
15 الآن، يرجى التحقق من خيار “عرض صندوق التلميح” في لوحة إعدادات نمط التلميح في ووردبريس، يمكنك تخصيص عرض التلميح هنا، على سبيل المثال، “600” يعني “600 بكسل” لصندوق ظهور التلميح.
ومع ذلك، على الشاشة الصغيرة، إذا كان صندوق التلميح مضبوطًا على عرض 600 بكسل، فإن موقع التلميح قد يتجاوز عرض الشاشة الصغيرة.
اقتراحنا هو اختيار الخيار “تلميح مربع العرض” إلى “تلقائي”
“تلقائي” يعني أن عرض صندوق التلميح سيتم تحديده تلقائيًا وفقًا لما تدخله.
16 بشكل عام، سيحل هذا المشكلة “تحديد مواقع التلميحات خارج الشاشة على الشاشات الصغيرة”. في إضافة تلميحات ووردبريس، نقدم كود مخصص لمسؤول التلميح لتخصيص نمط التلميح، يبدو مثل هذا:
كود مخصص لتعريف التلميح
عن طريق محرر التلميح المخصص، يمكنك تخصيص نمط صندوق التلميح، مثال بسيط من الأكواد تبدو مثل هذا:
.ui-wordpress-tooltip-pro
{
width:100px !important;
}
أو
.ui-wordpress-tooltip-pro
{
max-width:40% !important;
}
يمكنك ضبط الكود وفقًا لاحتياجاتك الفعلية
آمل أن يكون هذا قد ساعدك قليلًا
أتمنى لك يومًا مليئًا بالسعادة مقدمًا
أطيب التحيات،
دعم إضافة تلميحات ووردبريس

Tagged with: , , ,

Wie kann ich verhindern, dass WordPress Tooltips sich auf kleinen Bildschirmen außerhalb des Bildschirms positionieren?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Glossary Plugin Dokumentation(German) — No Comments ↓

Liebe Nutzer*innen des WordPress Tooltipps Plugins, ich hoffe, diese Nachricht findet Sie wohlauf und Sie haben ein wundervolles Wochenende mit Ihren Lieben. Wir haben ein Ticket von einem neuen Benutzer des WordPress-Tooltip-Plugins erhalten, der folgende Frage gestellt hat:

Hallo,
Die Tooltips positionieren sich auf kleinen Bildschirmen außerhalb des Bildschirms.
Haben Sie Pläne, dieses Problem zu beheben?

Wir glauben, dass es möglicherweise weitere Benutzer gibt, die ähnliche Fragen haben, daher möchten wir die Lösung hier öffentlich dokumentieren

Wie kann ich verhindern, dass WordPress-Tooltipps sich auf kleinen Bildschirmen außerhalb des Bildschirms positionieren?

  1. Wenn Sie die Pro-Version von WordPress Tooltips noch nicht installiert haben, melden Sie sich bitte auf der Website des WordPress Tooltip-Plugins unter tooltip.org mit Ihrem Konto an. Andernfalls befolgen Sie bitte Schritt Nr. 11.
  2. Gehen Sie zur Seite “Mein Konto” und laden Sie das WordPress Glossary Tooltip Plugin herunter.
  3. Jetzt gehen wir mit dem Installationsprozess weiter!
  4. Melden Sie sich als Administrator in Ihrem WordPress-Admin-Bereich an.
  5. Klicken Sie auf die Option “Plugins” im Dashboard.
  6. Deaktivieren Sie alle vorherigen Versionen des Tooltip-Plugins, falls Sie welche haben.
  7. Entfernen Sie das alte WordPress Tooltip-Plugin vollständig.
  8. Wählen Sie im Menü “Plugins” die Option “Neu hinzufügen” oben im Plugin-Panel aus.
  9. Laden Sie die ZIP-Datei des Tooltip-Plugins hoch, die Sie von der Website des WordPress Glossary Plugins heruntergeladen haben.
  10. Aktivieren Sie die neueste Version des WordPress Tooltip Glossary-Plugins. Gut gemacht! Jetzt können wir das Design der Tooltips anpassen.
  11. Klicken Sie auf die Option “Tooltips”.
  12. Wählen Sie aus dem Dropdown-Menü die Option “Tooltip-Stil”. Dadurch wird das “Tooltip-Stil”-Panel geöffnet, wie im folgenden Screenshot gezeigt: Tooltips Style Panel in WordPress Tooltips Pro Plus 28.2.8 Screenshot: Tooltips Style Panel in wordpress tooltips pro plus 28.2.8Tooltip-Stil-Panel in WordPress Tooltips Pro Plus 28.2.8
  13. In diesem Panel finden Sie Optionen zur Anpassung der Tooltip-Position, der Schriftfarbe des Titels, der Schriftgröße des Titels, der Hintergrundfarbe und vieles mehr! Sie haben die Freiheit, jedes Element des WordPress Tooltips entsprechend Ihren Vorlieben anzupassen. Wie aufregend ist das?
  14. Im Stil-Einstellungs-Panel finden Sie die Option “Tooltip-Feldposition”, die verschiedene Positionierungsoptionen wie bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle und leftMiddle bietet… Unser WordPress Tooltip-Plugin bietet die komfortable Funktion der automatischen Positionierung. Lassen Sie uns erklären, wie es mit ein paar Beispielen funktioniert. Wenn Sie die Position “topMiddle” für das Tooltip-Feld auswählen, wird es intelligent oben in der Mitte des Tooltip-Stichworts auf der Front-End-Seite angezeigt. Wenn Sie die Position “bottomMiddle” wählen, wird das Tooltip-Feld unten in der Mitte des Tooltip-Stichworts angezeigt. Wir haben diese Funktion entwickelt, um sicherzustellen, dass Ihre Tooltips nahtlos mit dem beabsichtigten Kontext übereinstimmen und so ein reibungsloses und intuitives Benutzererlebnis ermöglichen. Unser Vorschlag ist die Option “bottomMiddle” oder “topMiddle” zu wählen.
  15. Überprüfen Sie nun die Option “Tooltip-Feldbreite” im Stil-Einstellungs-Panel von WordPress Tooltip. Hier können Sie die Breite des Tooltips anpassen, z.B. “600” steht für “600px” für das Popup-Feld des Tooltips. Auf einem kleinen Bildschirm kann es jedoch vorkommen, dass das Tooltip-Feld mit einer Breite von 600px die Breite des kleinen Bildschirms überschreitet. Unser Vorschlag ist die Option “auto” zu wählen. “auto” bedeutet, dass die Breite des Tooltip-Feldes automatisch entsprechend der eingegebenen Größe bestimmt wird.
  16. Im Allgemeinen löst dies das Problem “die Tooltips positionieren sich auf kleinen Bildschirmen außerhalb des Bildschirms”. In unserem WordPress Tooltip-Plugin bieten wir eine benutzerdefinierte Code-Funktion für den Tooltip-Administrator an, um den Tooltip-Stil anzupassen. Es sieht so aus: tooltip glossary custom codertooltip glossary custom coder

In der Tooltip-Codierung können Sie den Stil des Tooltip-Feldes anpassen. Ein einfaches Beispiel für den Code sieht so aus:

.ui-wordpress-tooltip-pro

{ width:100px !important; }

.ui-wordpress-tooltip-pro

{ max-width:40% !important; }

Sie können den Code entsprechend Ihren tatsächlichen Bedürfnissen anpassen

Wir hoffen, dass Ihnen das ein wenig geholfen hat

Ich wünsche Ihnen einen wundervollen Tag.
Mit freundlichen Grüßen,
Unterstützung des WordPress Tooltip Plugins

Tagged with: , , ,

How can I prevent wordpress tooltips from positioning themselves outside the screen on small screens?

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

Hi dear wordpress tooltips plugin users, I hope this message find you are doing well and having wonderful weekend with your loved ones We have received a ticket from a new user of wordpress tooltip plugin, he asked:

Hi
The tooltips positions themselves outside the screen on small screens.

Do you have any plans on fixing that issue?

We believe that there are may be more users have similar questions, so we’d like to publicly  document to solution here 🙂

How can I prevent wordpress tooltips from positioning themselves outside the screen on small screens?

1 If you haven’t installed the pro version of WordPress Tooltips, kindly log in to your account on the WordPress Tooltip Plugin website at tooltip.org. Otherwise, please refer to step #11.

2 Proceed to the ‘My Account’ page and download the WordPress Glossary Tooltip Plugin.

3 Now, let’s continue with the installation process!

4 Login to your WordPress admin area as an administrator.

5 Click on the ‘Plugins’ option in the  dashboard.

6 Deactivate any previous versions of the tooltip plugin, if you have any.

7 Completely remove the old WordPress Tooltip plugin.

8 Still in the ‘Plugins’ menu, select ‘Add New’ at the top of the plugins panel.

9 Upload the tooltip plugin zip file that you downloaded from the WordPress Glossary Plugin site.

10 Activate the latest version of the WordPress Tooltip Glossary plugin. Well done! Now, let’s customize the style of the tooltips

11 Click on the ‘Tooltips’ option

12 From the drop-down menu, choose ‘Tooltip Style’. This will open the ‘Tooltip Style’ panel, as shown in the following screenshot:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8
Screenshot: Tooltips Style Panel in WordPress Tooltips Pro Plus 28.2.8

13 In this panel, you can find options to adjust the tooltip position, title font color, title font size, background color, and much more! You have the freedom to customize every aspect of the WordPress Tooltip according to your preferences. How exciting is that?

14 In the style settings panel, you’ll find the “Tooltip Box Position” option, which offers various positioning choices such as bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, and leftMiddle…

Our WordPress Tooltip plugin provides the convenient feature of automatic positioning. Let us explain how it works with a couple of examples.

If you select the ‘topMiddle’ position for the tooltip box, it will intelligently appear at the top center of the tooltip keyword on the front end. Similarly, if you choose the ‘bottomMiddle’ position, the tooltip box will be displayed at the bottom center of the tooltip keyword.

We’ve developed this feature to ensure that your tooltips seamlessly align with the intended context, resulting in a smooth and intuitive user experience.

Our suggestion is to select the option “bottomMiddle” or ‘topMiddle’

15 Now, please check the option ” Tooltip Box Width” in wordpress tooltip style settings panel, You can customize the width of tooltip here, for example, “600” means “600px” for tooltip popup box.

However, on a small screen, if the tooltip box is set to 600px, the tooltip’s position may exceed the width of the small screen.

Our suggestion is to select the option “auto”

“auto” means, the width of the tooltip box will be determined automatically according to what you enter

16 In general, this will solve the problem of “the tooltips positions themselves outside the screen on small screens”, In wordpress tooltips plugin, we offer a tooltip custom coder for tooltip admin to customize the tooltip style, it looks like this:

tooltip glossary custom coder

tooltip glossary custom coder

In tooltips custom coder, you can custom the style of tooltip box, a simple example of codes looks like this:

.ui-wordpress-tooltip-pro

{

width:100px !important;

}

or

.ui-wordpress-tooltip-pro

{

max-width:40% !important;

}

You can adjust the code according to your actual needs 🙂

Hope this have a little help 🙂

 

Wishing you a delightful day ahead

Best Regards,

WordPress tooltip plugin support

Tagged with: , , , ,

How do I customize the tooltip term background when hovering over a tooltip keyword in a WordPress post? With support from WordPress Tooltips Pro Plus 30.8.8

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

Greetings, dear WordPress Tooltip plugin users! I trust this message reaches you in good spirits, experiencing happy moments with your loved ones 🙂 We received a WordPress tooltip support ticket from a new user who wants to change the background color of the tooltip term when hovering over the tooltip keyword in a WordPress post. 🙂

This is the first time we’ve received such a feature request. Our wordpress tooltip plugin developer has created a new version, WordPress Tooltips Pro Plus 30.8.8, to implement this functionality for WordPress tooltip users 🙂

How do I customize the tooltip term background when hovering over a tooltip keyword in a WordPress post?

1: Customer of WordPress tooltip pro plus plugin please click download wordpress tooltip to download the new version directly, new user please purchase a license of wordpress tooltip pro plus

2: Downloaded and install wordpress tooltip pro + plugin which version >= 30.8.8

New users please check our detailed video tutorials at WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: click on the tooltips menu in wordpress dashboard

4: click on the  tooltips style sub menu item to wordpress tooltip style settings panel, the wordpress tooltip style settings panel looks like this:

Tooltips Style Settings panel in wordpress tooltips pro plus plugin 30.8.8

Please note, the dark bar in the screenshot are added by my browser screenshot addon, in the real wordpress tooltip plugin, there are no dark bar in the tooltip style settings panel

5: In the WordPress tooltip style settings panel, locate the ‘Term Hover Background in Post’ option. Here, you can choose a nice color from the WordPress color picker.

6: additionally, it is not all users may want to change the tooltip term background in their WordPress post. Therefore, we added a checkbox that allows WordPress admins to enable or disable this function.

Please note, you can customize tooltip keyword background in wordpress post too, please check our detailed document at: How to Custom Tooltip Term Background in WordPress Post

Conclusion:

Customizing the tooltip term background when hovering over a tooltip keyword in a WordPress post can have several benefits for a user. Firstly, it can improve the overall aesthetics of the post by making the tooltip term stand out and making it more visually appealing to the reader. This can help to draw attention to important concepts or ideas in the post.

Secondly, customizing the tooltip term background can also help to improve the user experience by making the tooltip term more readable and easier to understand. By using a contrasting color or a more visually appealing background, the tooltip term can be more easily distinguishable from the rest of the text and thus easier to read and comprehend.

Overall, customization of the tooltip background can be a helpful feature for WordPress users who want to improve the visual appeal and readability of their posts.

Tagged with: , , , ,

How to enable the customized style feature of wordpress tooltip plugin?

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

Hi, esteemed users of WordPress Tooltip ,  I hope this message finds you are doing well well and enjoying wonderful days with your family Yesterday, we replied to a question submitted by a new wordpress tooltip user: How to set up tooltip position in wordpress tooltips plugin? Today we got a question from another new user of wordpress tooltip plugin, he said:

The custom style is not loading, and I am unable to get it to load. How can I select a custom style for the tooltip?

10 years ago, we added a tooltip style settings panel to the wordpress tooltip plugin in order to make it easy for wordpress tooltip editors to quickly customize beautiful tooltips. The  tooltip  custom style panel looks like this:

Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

And An early version from 10 years ago looked like this:

Tooltips Style Customization Panel

As you can see from the comparison of the two screenshots, over the past 10 years we’ve added a lot of options for wordpress tooltip users to customize a beautiful and unique wordpress tooltip.

With the ability to apply custom styles to tooltips, users can make their tooltips stand out from default or standard tooltip styles. This can be particularly useful when users want to draw attention to specific information or make important tooltips more noticeable.

The WordPress tooltip plugin allows users to customize the style of tooltips to match their website’s design, branding, or aesthetic preferences. Customizing the style of tooltips offers several benefits:

  1. Consistency: By customizing the style of tooltips, users can ensure that the tooltips align with the overall look and feel of their website. This helps maintain a consistent visual experience for visitors.
  2. Branding: Customizing the style of tooltips allows users to incorporate their brand elements, such as colors, fonts, or logos, into the tooltips. This helps reinforce brand identity and create a cohesive online presence.
  3. Visual Appeal: Styling tooltips can enhance the visual appeal of the website. Users can choose fonts, colors, and other design elements that make the tooltips more attractive and engaging, consequently improving the overall user experience.
  4. Differentiation: With the ability to apply custom styles to tooltips, users can make their tooltips stand out from default or standard tooltip styles. This can be particularly useful when users want to draw attention to specific information or make important tooltips more noticeable. Overall, providing the option to customize the style of tooltips adds flexibility and allows users to create visually appealing and cohesive experiences on their websites.

You can find our wordpress tooltip video tutorial at: WordPress Tooltips Video Tutorial 6: custom tooltip box color, font, underline, Shadow… and more

Discover how to personalize your tooltip style with WordPress Tooltips Pro Plus. Experience the power of customization with a variety of configuration options that allow you to effortlessly control the appearance of your tooltips. Follow these simple steps to give your tooltips a unique and captivating look:

  1. Login to your WordPress admin area and navigate to the Tooltips menu in wordpress dashboard, and then click Tooltips Style sub-menu item.
  2. You will open the “Tooltips Style Settings” panel, in here you’ll find more than 50 options to customize the pretty style of your tooltips with ease. Personalize Your Tooltip Style with WordPress Tooltips Pro, for example:
  • Tooltip Box Width (required field): Tailor the width of your tooltip by specifying a value such as “400” (which represents 400 pixels).
  • WordPress Tooltip Box Background (required field): Effortlessly change the background color of your tooltip using the intuitive color picker.
  • WordPress Tooltip Font Color (required field): Select a precise font color for your tooltip by utilizing the convenient color picker.
  • WordPress Tooltip Box Position (required field): Enjoy the flexibility of choosing from eight different tooltip positions, including bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, and leftMiddle.
  • WordPress Tooltip Text Align (required field): Align the text in your tooltip using one of three options: left, right, or center.
  • WordPress Tooltip Box Padding (required field): Specify the padding property for your tooltip popup box by indicating a value, like “10” (equivalent to 10 pixels).
  • WordPress Tooltip Class Name (required field): Define a class name for your tooltip, further customizing its appearance.
  • WordPress Tooltip Border Radius (required field): Apply rounded corners to your tooltip popup box by setting the Tooltip Border Radius property. For instance, “5” represents 5 pixels.
  • WordPress Tooltip Border Width (required field): Determine the width of your tooltip’s border with the Border Width property. For example, “3” signifies a 3-pixel border.
  • WordPress Tooltip Border Color (required field): Seamlessly select a border color for your tooltip using the color picker.
  • WordPress Tooltip Shows When (required field): Explore nine trigger methods for displaying your tooltips, including Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, and Click.
  • WordPress Tooltip Hides When (required field): Discover ten different ways to hide your tooltip popup box, including Mouse Over, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down, Double Click, Click, and Stay Open A While.
  • WordPress Tooltip Opacity (required field): Create transparent tooltips by adjusting the opacity property. Choose a value ranging from 0.1 to 1.0, with lower values providing increased transparency.
  • WordPress Tooltip Border Bottom (required field): Select from five options (Dotted, Double Line, Solid, Dashed, Hidden) to style the bottom border of your tooltip keywords.
  • WordPress Tooltips Underline Color (required field): Use the color picker to select an underline color for your WordPress tooltip keywords.
  • WordPress Tooltips Shadow (required field): Opt to display or hide a shadow effect for your tooltips.
  • WordPress Tooltip Font Size (required field): Set the font size for your tooltips, for example, “12” represents 12 pixels.
  • WordPress Tooltip Line Height (required field): Customize the line height of your tooltips with ease. For instance, “1.5” adjusts the line spacing accordingly. Unleash your creativity and give your tooltips a warm, personalized touch with WordPress Tooltips Pro. Experience the joy of effortlessly creating visually striking tooltips that perfectly complement your website.

…etc, and we are adding more than more optons based on wordpress tooltip users’ feature requests 🙂

Please note:

1: Typically, wordpress tooltip users can quickly customize a tooltip style to fit their website with just a few mouse clicks, for example, wordpress tooltip users can choose the colors intutively from wordpress tooltip color picker, include tooltips box background color, tooltips font color, tooltips border color…etc.

2: In general, if wordpress tooltip users changed style fields value in custom tooltip settings panel, wordpress tooltip plugin will setting tooltip style as customized style automatically, so wordpress tooltip users do not need to click twice in “tooltip box style option”

3: In wordpress tooltip style settings panel, we added html required attribute for required options, if wordpress tooltip user forget to enter the values in tooltip style input box, we will give a notice, by this way, wordpress tooltip users will not need to submite form again and again.

4: In wordpress tooltip style settings panel, we added placeholder as example of each tooltip option, for help tooltip user understand it easier

5: In wordpress tooltip style settings panel, we added tips for each tooltip option, when tooltip user mouse hover the tip of the tooltip option, a window will popuo with the detailed description of the function of the tooltip option

6: Common reasons why settings don’t work for new users are — the user forget to click the blue “Save changes” button at the bottom of the tooltip style settings panel

The following shows some examples of tooltip terms with customized tooltip styles

Conclution:

Tooltips are small popup box with more information like video /  audio / image / google maps / QR code / wiki / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.. and so on, wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts, or display on wordperss menu, comment, contact form, woocmmerce product, bbpress forum, buddypress activity…etc, with pretty effects and many more little amazing components and addons, for example, Bullets Screen

What it 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.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

Hope this have a little help 🙂

 

 

Tagged with: , , ,

How to set up tooltip position in wordpress tooltips plugin? (Updated 2024-04-09)

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

Dear wordpress tooltip plugin users, hope this message finds you well and that you are enjoying happy days with your family! We received a support ticket from a WordPress tooltip user, inquiring about the following question:

“Hi, I have only just bought the tooltip pro version hoping I would be able to style tool tips easily but I have an image tooltip that is at the top of the page … and I cannot figure out box position choices.

I’ve tried a custom style and even applied that to a div around the image but I cannot position the image under the tooltip.

Is there some css/js conflict? Perhaps with formidable forms which also use tooltips?

“

We checked his page, actually, in wordpress tooltips plugin, it is very easy to setup the position of wordpress tooltip window, we have developed tooltip position function for all wordpress tooltip users since wordpress tooltip pro 4.1.6 in many years before(today the tooltip version is 30.4.8) we are happy to write a detailed document for wordpress tooltip users 🙂

How to set up tooltip position in wordpress tooltips plugin?

Hello there! We hope this message finds you in good health and enjoying wonderful moments with your loved ones! Recently, we received a support ticket from a WordPress tooltip user who had a question about setting up the tooltip position. We’re here to help! If you haven’t installed the WordPress Tooltip plugin yet, don’t worry! Just follow these steps:

  1. If you did not installed wordpress tooltips pro version, please login to your account on the WordPress Glossary Tooltip Plugin website — tooltip.org , else please check the step #11
  2. Head to the ‘My Account‘ page and download the WordPress Glossary Tooltip Plugin.
  3. Now, let’s move on to the installation process!
  4. Log in to your WordPress admin area as admin
  5. Click on the ‘Plugins’ menu item in wordpress dasboard
  6. Deactivate any old versions of the tooltip plugin that you may have.
  7. Remove the old WordPress Tooltip plugin completely.
  8. Still in the ‘Plugins’ menu, click on ‘Add New’ at the top of the plugins panel.
  9. Upload the tooltip plugin zip file that you downloaded from the WordPress Glossary Plugin site.
  10. Activate the latest version of the WordPress Tooltip Glossary plugin. Great job! Now let’s customize the tooltip’s style:
  11. Click on the ‘Tooltips’ menu item.
  12. From the drop-down menu, select ‘Tooltip Style’. This will open the ‘Tooltip Style’ panel, which looks like the screenshot below:

  13. Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

    Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

  14. In this wordpress tooltip style settings panel, you’ll find options to tweak the tooltip position, tooltip title font color, title font size, tooltip title background color, and much more! You have the flexibility to customize every single aspect of the WordPress Tooltip to your liking. How exciting is that?
  15. In the wordpress tooltip style settings panel, you will find in the option: “Tooltip Box Position”, there are multiple tooltip positioning options, bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle…
  16. Our wordpress tooltip plugin provides the convenient feature of automatic positioning. Let us explain how it works with a couple of examples.
    If you choose the ‘topMiddle’ position for the tooltip box, it will be smartly displayed at the top center of the tooltip keyword on the front end. Similarly, if you opt for the ‘bottomMiddle’ position, the tooltip box will appear at the bottom center of the tooltip keyword.
    We’ve designed this feature to ensure that your tooltips effortlessly align with the intended context, resulting in a seamless and intuitive user experience.

We hope these instructions are clear and helpful! If you have any further questions or need assistance with any aspect of the wordpress tooltip plugin, please don’t hesitate to reach out. We’re here to help!

Conclusion:

Why the WordPress tooltip plugin user needs to have tooltip position choices in the settings?

  1. Visibility: The user might want to optimize the visibility of the tooltip by choosing its position on the page. They may want to ensure that the tooltip does not cover important content or elements, or they may want to position it in a way that is easily noticeable by visitors.
  2. Aesthetics: The user might have specific design preferences and wants to style the tooltips in a way that complements the overall design of their website. By having position choices in the settings, they can align the tooltips with other elements on the page for a cohesive look.
  3. User Experience: The positioning of the tooltip can affect the user experience. For example, if the tooltip is covering important information or obstructing the user’s view, it could lead to frustration or confusion. By being able to choose the tooltip position, the user can enhance the overall user experience and make the tooltips more effective.
  4. Compatibility: The user might be using other plugins or elements on their website that require specific positioning of the tooltips. By having position choices in the settings, they can ensure that the tooltips work harmoniously with other elements on the page. It’s important to note that these are speculative reasons, and the actual motivations of the user may vary.

Wishing you a delightful day ahead 🙂

Best Regards,

WordPress tooltip plugin support

 

Tagged with: , , ,

¿Cómo cambiar el color del subrayado para la infobulle de WordPress?

Posted on by wordpress tooltips Posted in Documento del plugin de Wordpress Tooltip(Spanish) — No Comments ↓

¡Hola estimados usuarios del plugin WordPress Tooltips! ¡Espero que este mensaje les encuentre bien y que estén teniendo días maravillosos con sus seres queridos! Un usuario de WordPress Tooltip nos ha escrito lo siguiente: “¿Hay alguna manera de cambiar el color del subrayado de las infobulles de WordPress? Utilizo dos tipos de fondos en mi paleta de colores, un gris/azul y un gris más oscuro. También utilizo infobulles en un fondo blanco con texto negro, así que no hay problema en ese caso. Pero me gustaría al menos tener la opción de tener un subrayado blanco o de color gris claro cuando se utilizan fondos más oscuros. Gracias de antemano por cualquier información. Saludos”.

Sí, en el plugin WordPress Tooltips, tenemos algunos métodos para cambiar el color del subrayado para las infobulles de WordPress. Creemos que otros usuarios tienen preguntas similares, así que nos gustaría escribir un documento detallado para los usuarios de las infobulles de WordPress.

¿Cómo cambiar el color del subrayado para la infobulle de WordPress?

  1. Si eres usuario del plugin WordPress Tooltips Pro Plus, por favor inicia sesión en tooltips.org y selecciona “Descargar Infobulle WordPress” para obtener la última versión del plugin WordPress Tooltips Pro Plus.
  2. Inicia sesión en tu sitio de WordPress y haz clic en el menú “Plugins” en el panel de control de WordPress. Desactiva la versión actual del plugin WordPress Tooltips, luego elimínala en el panel de plugins.
  3. Sube la última versión del plugin WordPress Tooltip (en forma de archivo zip). Activa el plugin después de una instalación exitosa. Si eres nuevo en el uso del plugin WordPress Tooltips y necesitas ayuda con la instalación, por favor consulta nuestro video tutorial sobre cómo instalar WordPress Tooltip en: ::  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
  4.  En el panel de control de WordPress, navega hasta allí, haz clic en el elemento de menú “Tooltips”, seguido del subelemento de menú “tooltip styles”. El menú de las infobulles se ve así:
    tooltips menu in wordpress tooltips pro plus 27.5.8

    menú de infobulles en WordPress tooltips pro plus 27.5.8

  5.  Después de completar los pasos anteriores, podrás acceder al panel de configuración de estilos de las infobulles de WordPress. La apariencia de este panel es la siguiente:
    Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

    Panel de Estilos de las Infobulles en WordPress tooltips pro plus 28.2.8
    6: En el panel de configuración de estilos de las infobulles de WordPress, encontrarás la opción “Color del Subrayado de la Infobulle”. Puedes seleccionar tu color favorito desde el selector de colores de las infobulles de WordPress.
    7: Por favor, recuerda hacer clic en el botón azul “Guardar Cambios” y luego, en el frontend de la entrada de WordPress, encontrarás que el color del subrayado de los términos de las infobulles de WordPress se ha cambiado según tus preferencias 🙂

También, si eres bueno en CSS, puedes personalizar el código CSS de las infobulles de WordPress. En la carpeta del plugin WordPress Tooltips, encontrarás un archivo de estilo de infobulles: tooltips.css. Por favor, abre tooltips.css en tu entorno de desarrollo integrado (IDE) y luego agrega el siguiente código al final:
.tooltipsall {
border-bottom: 2px dotted #000000 !important;
}

Espero que esto te ayude un poco
Gracias, que tengas un día bendecido con tu familia
Saludos cordiales,
Soporte del Plugin WordPress Tooltips

Tagged with: , , ,

Comment changer la couleur du soulignement pour l’infobulle de WordPress ? (wordpress tooltips pro)

Posted on by wordpress tooltips Posted in Document sur le plugin WordPress Tooltip(French) — No Comments ↓

Chers utilisateurs du plugin WordPress Tooltip, j’espère que ce message vous trouve en bonne santé et que vous passez de merveilleuses journées avec vos proches ! Un utilisateur de WordPress Tooltip nous a demandé : “Est-il possible de changer la couleur du soulignement pour l’infobulle de WordPress ? J’utilise deux types de fonds pour ma palette de couleurs, un gris/bleu et un gris plus foncé. J’utilise également les infobulles sur un fond blanc avec du texte noir, donc il n’y a pas de problème à ce niveau-là. Mais j’aimerais au moins avoir une option de soulignement blanc ou gris clair lorsque j’utilise des arrière-plans plus foncés. Merci d’avance pour toute suggestion. Cordialement”

Oui, dans le plugin WordPress Tooltip, nous avons quelques méthodes pour changer la couleur du soulignement des infobulles de WordPress. Nous pensons que d’autres utilisateurs ont des questions similaires, nous aimerions rédiger un document détaillé pour les utilisateurs des infobulles de WordPress:

Comment changer la couleur du soulignement pour l’infobulle de WordPress ?

  1. Si vous êtes utilisateur du plugin WordPress Tooltips Pro Plus, veuillez vous connecter sur tooltips.org et sélectionner “Téléchargement de l’infobulle WordPress” pour obtenir la dernière version du plugin WordPress Tooltips Pro Plus.
  2. Veuillez vous connecter à votre site WordPress, puis cliquer sur le menu “Extensions” dans le tableau de bord de WordPress. Désactivez la version actuelle du plugin WordPress Tooltips, puis supprimez-la dans le panneau des extensions.
  3. Téléchargez la dernière version du plugin WordPress Tooltip (sous forme d’un fichier zip). Activez le plugin après une installation réussie. Si vous êtes nouveau dans l’utilisation du plugin WordPress Tooltips et avez besoin d’aide pour l’installation, veuillez consulter notre vidéo explicative sur la façon d’installer WordPress Tooltip à l’adresse suivante : : Tutoriel vidéo sur les infobulles WordPress :  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
  4. Dans le tableau de bord WordPress, accédez à l’option. Cliquez ensuite sur l’élément de menu “Infobulles”, suivi de l’élément de sous-menu “Styles d’infobulles”. Le menu des infobulles ressemble à ceci :
    tooltips menu in wordpress tooltips pro plus 27.5.8

    Menu des infobulles dans WordPress Tooltips Pro Plus 27.5.8
    5: Après avoir suivi les étapes précédentes, vous pourrez accéder au panneau des paramètres de style des infobulles WordPress. L’apparence de ce panneau est la suivante :
    Tooltips Style Panel in wordpress tooltips pro plus 28.2.8

    Panneau de style des infobulles dans WordPress Tooltips Pro Plus 28.2.8
    6: Dans le panneau des paramètres de style des infobulles de WordPress, vous trouverez l’option “Couleur du soulignement des infobulles”. Vous pouvez sélectionner votre couleur préférée à partir du sélecteur de couleurs des infobulles WordPress.
    7: N’oubliez pas de cliquer sur le bouton bleu “Enregistrer les modifications”. Ensuite, dans le front-end de votre article WordPress, vous constaterez que la couleur du soulignement des termes des infobulles WordPress a été modifiée selon vos souhaits 🙂

Si vous êtes également à l’aise avec le CSS, vous pouvez personnaliser le code CSS des infobulles WordPress. Dans le dossier du plugin WordPress Tooltips, vous trouverez un fichier de style d’infobulles : tooltips.css. Veuillez ouvrir tooltips.css dans votre IDE, puis ajouter le code suivant en bas du fichier :
.tooltipsall {
border-bottom: 2px dotted #000000 !important;
}

J’espère que cela vous sera d’une petite aide 🙂
Merci, passez une journée bénie en famille 🙂

Cordialement,
Le support du plugin WordPress Tooltips Plusin

Tagged with: , , ,

Wie passt man die Schriftgröße des Textes in WordPress-Tooltip-Popup-Fenstern an?

Posted on by wordpress tooltips Posted in Wordpress Tooltip Glossary Plugin Dokumentation(German) — No Comments ↓

Hallo, geschätzte Benutzer des WordPress-Tooltip-Plugins. Wir hoffen, diese Nachricht erreicht Sie bei bester Gesundheit, und Sie genießen einen fantastischen Tag mit Ihren Lieben. Kürzlich haben wir eine Supportanfrage von einem neuen Benutzer des WordPress-Tooltip-Plugins erhalten, der gefragt hat: “Wie kann ich die Schriftgröße innerhalb der WordPress-Tooltip-Popup-Fenster ändern?” Wir vermuten, dass es möglicherweise mehr Benutzer mit derselben Frage gibt. Daher freuen wir uns, Ihnen mitteilen zu können, dass wir gerade dabei sind, eine umfassende Dokumentation für WordPress-Tooltip zu erstellen. Diese wird mit Schritt-für-Schritt-Anleitungen und hilfreichen Bildschirmfotos ausgestattet sein, um diese häufig gestellte Frage zu beantworten.

Wie kann man die Schriftgröße des Textes in WordPress Tooltip-Popup-Fenstern anpassen?

Wir verstehen, dass WordPress-Blogger häufig individuell angepasste WordPress-Themes verwenden, was dazu führen kann, dass die Standard-Schriftgröße des WordPress-Tooltip-Inhalts für ihre Benutzer zu klein oder nicht deutlich genug ist. Sie möchten möglicherweise die Schriftgröße erhöhen, um die Lesbarkeit zu verbessern und sicherzustellen, dass Benutzer die angezeigten Informationen leicht lesen können. Darüber hinaus möchten Blogger möglicherweise die Schriftgröße in WordPress-Tooltips mit dem Gesamtdesign ihres Blogs oder ihrer Website harmonisieren, um die Markenkonsistenz zu wahren.

Glücklicherweise ist es mit WordPress-Tooltip-Plugins ein einfacher Prozess, die Schriftgröße des Tooltip-Inhalts in WordPress-Tooltip-Fenstern anzupassen:

Wenn Sie ein Benutzer von WordPress Tooltip Plugins Pro Plus oder WordPress Tooltip Plugins Pro sind, hier ist, was Sie tun müssen:

1: Melden Sie sich als Administrator in Ihrem WordPress-Blog an.

2: Im WordPress-Dashboard gehen Sie zum Menüpunkt “Tooltips” und wählen Sie “Tooltip Style” aus dem Untermenü aus. Dadurch wird das Einstellungsfenster “Tooltip Style” geöffnet, das wie folgt aussieht:

 

WordPress Tooltips Style Settings in wordpress tooltips pro plus 24.0.8 by tooltips.org

3: Innerhalb des Tooltip-Stil-Panels finden Sie die Option “Tooltip-Schriftgröße”. Geben Sie hier Ihre gewünschte Schriftgröße ein, zum Beispiel “14px”. Nach dieser Anpassung werden Benutzer, die den Mauszeiger über Tooltip-Begriffe in WordPress-Beiträgen auf der Front-End-Website bewegen, feststellen, dass die Schriftgröße des Tooltip-Inhalts auf 14px geändert wurde.

Oder wenn Sie ein Benutzer des kostenlosen WordPress Tooltip-Plugins sind, können Sie die Schriftgröße des Tooltip-Inhalts wie folgt anpassen:

1: Melden Sie sich als Administrator auf Ihrer WordPress Website an und klicken Sie dann im WordPress-Dashboard auf das Tooltip-Menü.

2: Klicken Sie anschließend auf das Untermenü “Globale Einstellungen”. Dadurch wird das WordPress Tooltip Global Settings-Panel geöffnet, das folgendermaßen aussieht:

 

Global Settings in WordPress Tooltips Free Version 9.0.3 by tooltips.org

3: Im WordPress Tooltip Global Settings-Panel finden Sie die Option “Tooltip-Inhalts-Schriftgröße”. Hier können Sie die Schriftgröße des Tooltip-Inhalts in WordPress Tooltip anpassen. Geben Sie einfach “14px” ein, und in WordPress-Beiträgen werden Benutzer feststellen, dass die Schriftgröße des Tooltip-Inhalts in der Tooltip-Popup auf 14px geändert wurde.

In der WordPress Tooltips Pro Plus Plugin-Version können Sie auch die Schriftgröße des Tooltip-Titels anpassen. Darüber hinaus haben Sie die Möglichkeit, die Polsterung, den Abstand, die Zeilenhöhe, den Tooltip-Schatten, die Tooltip-Begriffsfarbe, die Hintergrundfarbe des Tooltip-Inhalts usw. anzupassen – insgesamt etwa 50 Tooltip-Stiloptionen. Sie können den Tooltip-Stil für jeden Tooltip-Begriff anpassen, sodass jeder Tooltip-Begriff seinen eigenen dedizierten Tooltip-Stil haben kann. Hier sind einige Beispiele:

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.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

Wie Sie sehen können, haben jedes Tooltip-Schlüsselwort ihre eigene Unterstreichung, Farbe usw.

Jetzt kaufen

Fazit:

Die Anpassung der Schriftgröße kann die Benutzerfreundlichkeit verbessern. Wenn die WordPress-Tooltips wichtige Informationen enthalten, kann eine Erhöhung der Schriftgröße den Benutzern helfen, diese Informationen leichter zu bemerken und zu verstehen.

Die Anpassung der Schriftgröße innerhalb der WordPress-Tooltip-Popup-Fenster wird in der Regel durchgeführt, um die Benutzererfahrung zu verbessern und sicherzustellen, dass der Inhalt leicht verständlich ist. Dies ist eine der häufigen Anpassungen und Optimierungen, die WordPress-Blogger häufig über das WordPress Tooltip-Plugin vornehmen. Alles, was Sie benötigen, ist ein einziger Klick, um die Schriftgröße des Tooltip-Inhalts anzupassen.

Tagged with: , ,

How to adjust the font size of the text inside WordPress Tooltip pop-up windows?

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

Hello, valued users of the WordPress Tooltip plugin. We hope this message finds you in good health and enjoying a fantastic day with your loved ones . We recently received a support request from a new user of the WordPress Tooltip plugin who asked, ‘How can I change the font size inside the WordPress Tooltip pop-up windows?’ We suspect that there might be more users with the same question, so we’re excited to inform you that we are in the process of creating a comprehensive WordPress Tooltip documentation, complete with step-by-step instructions and helpful screenshots, to address this common query.

How to adjust the font size of the text inside WordPress Tooltip pop-up windows?

We understand that WordPress bloggers often use customized WordPress themes, which may result in the default font size of WordPress tooltip content being too small or not clear enough for their users. They may wish to increase the font size to improve readability and ensure that users can easily read the information displayed. Additionally, bloggers may seek to harmonize the font size in WordPress tooltips with the overall design of their blog or website to maintain brand consistency.

Fortunately, with WordPress tooltip plugins, adjusting the font size of tooltip content in WordPress tooltip windows is a straightforward process:

If you are a WordPress Tooltip Plugins Pro Plus user or WordPress Tooltip Plugins Pro user, here’s what you need to do:

1: Login to  your wordpress blog as an admin

2: Within the WordPress dashboard, navigate to the “Tooltips” menu item and select “Tooltip Style” from the submenu. This will open the “Tooltip Style” settings panel, which will resemble the following::

WordPress Tooltips Style Settings in wordpress tooltips pro plus 24.0.8 by tooltips.org

3：Within the tooltip style panel, locate the “Tooltip Font Size” option. Enter your desired font size here, for example, “14px.” After making this adjustment, users who hover over tooltip terms in WordPress posts on the front-end will notice that the tooltip content font size has been changed to 14px.

Or if you are wordpress tooltip free plugin user, you can customize wordpress tooltip content font size by this way:

1: login your wordpress site as administrator, and then click tooltip menu in wordpress dashboard

2: then click “global settings ” sub menu item, you will open wordpress tooltip global settings panel, it looks like this:

Global Settings in WordPress Tooltips Free Version 9.0.3 by tooltips.org

3： In wordpress tooltip global settings panel, you will find there are ” Tooltip Content Font Size” option, you can customize the font size of wordpress tooltip content in here, for example, just enter 14px, then in wordpress posts, when user hover the tooltip keyword, in tooltip popup, then will find the font-size of tooltip content has been changed to 14px

In wordpress tooltips pro plus plugin version, you can customized tooltip title font size too, and you can customize tooltip box padding, margin, line height, tooltip shadow, tooltip term color, tooltip content background color…etc, about 50 tooltip style options, and you can customize tooltip style for each tooltip term, each tooltip term can have their own dedicated tooltip style, for example check these paragraphs:

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.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

As yo can see, each tooltip term have their own underline, color…etc 🙂

Purchase Now

Conclusion:

Modifying the font size can improve user-friendliness. If the wordpress tooltips contain important information, increasing the font size can help users notice and understand this information more easily.

Adjusting the font size inside wordperss tooltip pop-up windows is typically done to enhance the user experience and ensure content is easily comprehensible. This is one of the common customizations and optimizations WordPress bloggers often perform, via wordpress tooltip plugin, what you need is just one click to customize font size of tooltip content  🙂

Tagged with: , , , , ,
Top