Spider Themes Helpdesk Spider Themes Helpdesk
  • Home
  • Forums
    • All Forums
    • Docy – WordPress Theme
    • Banca WordPress Theme
    • Landpagy WordPress Theme
    • Zoomy WordPress Theme
    • AMA WordPress Theme
  • Docs
    • All Docs
    • Docy WordPress Theme
    • EazyDocs WordPress Plugin
    • Docy Jekyll Theme
    • Banca WordPress Theme
    • Landpagy WordPress Theme
  • Blog
Ask/Login
Spider Themes Helpdesk Spider Themes Helpdesk
Ask/Login
Spider Themes Helpdesk
  • Home
  • Forums
    • All Forums
    • Docy – WordPress Theme
    • Banca WordPress Theme
    • Landpagy WordPress Theme
    • Zoomy WordPress Theme
    • AMA WordPress Theme
  • Docs
    • All Docs
    • Docy WordPress Theme
    • EazyDocs WordPress Plugin
    • Docy Jekyll Theme
    • Banca WordPress Theme
    • Landpagy WordPress Theme
  • Blog
loading
  1. Home
  2. Docs
  3. Docy WordPress Theme
  4. Documentation
  5. How to create Tooltip
Updated on October 31, 2022

Docy

Docy WordPress Theme

  • Folder icon closed Folder open iconGetting Started
    • Theme Installation
    • Plugins Installation
    • Demo Import
  • Folder icon closed Folder open iconDocy Options
    • Page Options
    • Theme Settings
  • Folder icon closed Folder open iconDocumentation
    • How to create Tooltip
    • How to create Changelogs
    • How to create Tooltip
  • Folder icon closed Folder open iconBlog Part
    • TOC Layout
  • Folder icon closed Folder open iconTips / How To
    • How to Edit the Footer
    • Updating The Theme
    • Optimize Images
    • Language Translations
    • How to create Sign in and Sign up pages
  • Folder icon closed Folder open iconShortcodes and HTML Classes
    • CSS Helper Classes
    • [direction]
    • Conditional Content [conditional_data]
    • [terms]
  • Folder icon closed Folder open iconFAQ
    • How to Paginate a Post?
    • How to set the site’s favicon?
    • How to change the author’s avatar?
    • How to update premium plugins?
    • How to apply custom CSS code.

How to create Tooltip

Estimated reading: 1 minute 150 views Contributors

To create a tooltip, first, got to edit page and scroll to the bottom of the page. You will find ‘Options Doc’, under the options, you’ll find Page Settings > Tooltips.

Tooltips button

Make sure your tooltips button says ‘YES’. When turned on, you will see an additional option called Tooltips. Navigate to that option and hit ‘Add Tooltip’.


You will see three fields at this point, namely –

  1. Tooltip ID – You must fill it up, we will use the tooltip using this ID later.
  2. Tooltip Content – The content that will show up as a tooltip.
  3. Featured Image – An image to show along with tooltip content ( optional )

After populating these fields, as your final step, you have to use a shortcode, mentioning the id of the tooltip.

Here is how to do it – [docly_tooltip id=”1″] Text to hover on for tooltip [/docly_tooltip]

A working example –

Hover Over me

Still stuck? How can we help?

How can we help?

A premium WordPress theme with integrated Knowledge Base, providing 24/7 community based support

Was this page helpful? Yes No

Leave a Comment Cancel reply

Share this Doc

How to create Tooltip

Or copy link

Clipboard Icon
CONTENTS

Powered By EazyDocs

Leaf Illustration

This website is made with Docy

This is tooltip number 1.

Knowledge Base Contact
  1. Home
  2. Docs
  3. Banca WordPress Theme
  4. Tips / Guides / Troubleshoots
  5. Get MailChimp Newsletter Form Action URL

Get MailChimp Newsletter Form Action URL

Locating your MailChimp form action URL is pretty simple. You can follow the ste...

  1. Home
  2. Docs
  3. EazyDocs WordPress Plugin
  4. Shortcodes
  5. How to create Footnotes

How to create Footnotes

In this episode, we will try to know how to add footnotes and their detailed usa...

  1. Home
  2. Docs
  3. EazyDocs WordPress Plugin
  4. Managing Content
  5. How to set sidebar contents?

How to set sidebar contents?

Here you will know how to add content to the left and right sidebar of the doc p...

  1. Home
  2. Docs
  3. Docy WordPress Theme
  4. Shortcodes and HTML Classes
  5. CSS Helper Classes

CSS Helper Classes

And you can use the preset classes in the theme to make your design quickly and ...

  1. Home
  2. Docs
  3. EazyDocs WordPress Plugin
  4. Managing Content
  5. How to display related docs in EazyDocs plugin?

How to display related docs in EazyDocs plugin?

In EazyDocs plugin, we have a process to display related articles below each art...

  1. Home
  2. Docs
  3. EazyDocs WordPress Plugin
  4. Managing Content
  5. How to use badge

How to use badge

In this part we will discuss why to use badges and how to use them. Let’s ...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Managing Forums, Topics and Replies
  5. How to use classic UI for Forums, Topics and Replies from BBP Core plugin?

How to use classic UI for Forums, Topics and Replies from BBP Core plugin?

We have created a modern Admin UI for BBP Core, yet, we have kept the classic UI...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Settings
  5. How to customize voting feature in BBP Core?

How to customize voting feature in BBP Core?

You can customize voting feature settings from BBP Core > Settings > Voting. You...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Settings
  5. How to customize private replies in BBP Core?

How to customize private replies in BBP Core?

You can enable/disable private replies from BBP Core settings. Navigate to BBP C...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Settings
  5. How to customize solved topics feature in BBP Core plugin?

How to customize solved topics feature in BBP Core plugin?

You can turn on/off the solved topics feature from BBP Core plugin. The code wil...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Settings
  5. How to customize Admin UI in BBP Core plugin?

How to customize Admin UI in BBP Core plugin?

To customize Admin UI, you have to navigate to BBP Core > Settings. Then select ...

  1. Home
  2. Docs
  3. BBP Core WordPress Plugin
  4. Settings

Settings

Change settings and customize the documentation plugin.

Chat Icon Close Icon