{"id":11052,"date":"2024-03-20T10:46:28","date_gmt":"2024-03-20T04:46:28","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/docy-wordpress-theme\/using-shortcodes\/docy_tooltip-shortcode\/"},"modified":"2024-03-20T10:46:28","modified_gmt":"2024-03-20T04:46:28","slug":"docy_tooltip-shortcode","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/docy-wordpress-theme\/using-shortcodes\/docy_tooltip-shortcode\/","title":{"rendered":"[docy_tooltip] shortcode"},"content":{"rendered":"\n<p>The <strong>docy_tooltip<\/strong> shortcode is designed to enable the creation of tooltips within your website content. Tooltips are small pop-up windows that appear when users hover over a specified area, providing additional information or context. This documentation outlines how to effectively utilize the <strong>docy_tooltip <\/strong>shortcode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Syntax<\/h2>\n\n\n\n<p>The syntax for using the <strong><em>docy_tooltip<\/em><\/strong> shortcode is as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;docy_tooltip id=\"(Id number like 1,2,3)\" content=\"write your content here.\"] Tooltip Text &#091;\/docy_tooltip]<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>id: This attribute specifies a unique identifier for the tooltip. It should be a numerical value (e.g., 1, 2, 3).<\/li>\n\n\n\n<li>content: This attribute represents the content that will be displayed within the tooltip when triggered. It should be enclosed within double quotation marks<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Usage Example<\/h2>\n\n\n\n<p>Below is an example of how to use the <strong><em>docy_tooltip<\/em><\/strong> shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;docy_tooltip id=\"1)\" content=\"This is additional information about the Tooltip Text.\"]  Hover me for more info  &#091;\/docy_tooltip]\n<\/code><\/pre>\n\n\n<p>[docy_tooltip id=&#8221;1&#8243; content=&#8221;This is additional information about the Tooltip Text.&#8221;] Hover me for more info [\/docy_tooltip]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This documentation explains how to use the `[docy_tooltip]` shortcode on your site. You can assign unique IDs, specify tooltip content, and enhance your website with interactive Docy tooltips.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":86,"menu_order":20,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-11052","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/11052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=11052"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/11052\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/86"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=11052"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=11052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}