{"id":5657,"date":"2026-09-20T20:25:59","date_gmt":"2026-09-20T20:25:59","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/tooltip-text\/"},"modified":"2026-09-21T17:33:53","modified_gmt":"2026-09-21T17:33:53","slug":"tooltip-text","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/tooltip-text\/","title":{"rendered":"Tooltip Text"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5657\" class=\"elementor elementor-5657\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-589db98 e-flex e-con-boxed e-con e-parent\" data-id=\"589db98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cdf200e e-flex e-con-full e-con e-child\" data-id=\"cdf200e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cad4f3 elementor-widget elementor-widget-html\" data-id=\"8cad4f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 311 &middot; <code>emcp_custom_311<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Tooltip Text<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">13 content options<\/span><span class=\"chip\">13 style options<\/span><span class=\"chip\">2 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: tooltip, glossary, definition, hint, popover, info.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7124240 e-flex e-con-full e-con e-child\" data-id=\"7124240\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec46ffd elementor-widget elementor-widget-html\" data-id=\"ec46ffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Tooltip Text<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Content<\/b>: Mode, Text, Trigger Text, Trigger Icon, Tooltips, Trigger Style, Open On, Placement and 5 more.<\/li><li>Pick a <b>Mode<\/b>: Rich text with tooltip terms, Single trigger (text or icon). Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Style. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Text<\/code> appears when <code>Mode<\/code> is inline; <code>Trigger Text<\/code> appears when <code>Mode<\/code> is single; <code>Trigger Icon<\/code> appears when <code>Mode<\/code> is single.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40386fe e-flex e-con-full e-con e-child\" data-id=\"40386fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed53100 elementor-widget elementor-widget-html\" data-id=\"ed53100\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Rich text with tooltip terms<\/h3><\/div><p class=\"demo-cap\">Mode = <code>inline<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c3a16d elementor-widget elementor-widget-emcp_custom_311\" data-id=\"3c3a16d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_311.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-tt emcp-tt--inline emcp-tt--trig-dotted emcp-tt--hover emcp-tt--place-top emcp-tt--theme-dark emcp-tt--anim-fade has-arrow is-interactive\" data-delay=\"100\"><div class=\"emcp-tt__body\"><p>Elementor pages are built from <span data-tip=\"1\">containers<\/span>, which hold <span data-tip=\"2\">widgets<\/span>. Wrap any words in a span with data-tip=\"N\" to attach the Nth tooltip below.<\/p><\/div><span class=\"emcp-tt__single\"><span class=\"emcp-tt__trigger\" data-tip=\"1\" tabindex=\"0\"><span><\/span><\/span><\/span><div class=\"emcp-tt__tips\" hidden><div class=\"emcp-tt__tip\" role=\"tooltip\"><div class=\"emcp-tt__content\"><strong class=\"emcp-tt__title\">Container<\/strong><span class=\"emcp-tt__text\">A flexbox layout element that holds widgets and other containers.<\/span><\/div><span class=\"emcp-tt__arrow\"><\/span><\/div><div class=\"emcp-tt__tip\" role=\"tooltip\"><div class=\"emcp-tt__content\"><strong class=\"emcp-tt__title\">Widget<\/strong><span class=\"emcp-tt__text\">A single piece of content such as a heading, image or button.<\/span><\/div><span class=\"emcp-tt__arrow\"><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba82b5a e-flex e-con-full e-con e-child\" data-id=\"ba82b5a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91ed440 elementor-widget elementor-widget-html\" data-id=\"91ed440\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Single trigger (text or icon)<\/h3><\/div><p class=\"demo-cap\">Mode = <code>single<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7114c32 elementor-widget elementor-widget-emcp_custom_311\" data-id=\"7114c32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_311.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-tt emcp-tt--single emcp-tt--trig-badge emcp-tt--click emcp-tt--place-top emcp-tt--theme-light emcp-tt--anim-fade has-arrow is-interactive\" data-delay=\"100\"><div class=\"emcp-tt__body\"><\/div><span class=\"emcp-tt__single\"><span class=\"emcp-tt__trigger\" data-tip=\"1\" tabindex=\"0\"><span class=\"emcp-tt__ticon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-info-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z\"><\/path><\/svg><\/span><span>What is this?<\/span><\/span><\/span><div class=\"emcp-tt__tips\" hidden><div class=\"emcp-tt__tip\" role=\"tooltip\"><div class=\"emcp-tt__content\"><strong class=\"emcp-tt__title\">Why we ask<\/strong><span class=\"emcp-tt__text\">We only use this to send your receipt.<\/span><a class=\"emcp-tt__link\" href=\"#\">Learn more &rarr;<\/a><\/div><span class=\"emcp-tt__arrow\"><\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2290887 e-flex e-con-full e-con e-child\" data-id=\"2290887\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2834719 elementor-widget elementor-widget-html\" data-id=\"2834719\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Content<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Mode<\/b><br><code>mode<\/code><\/td><td>Dropdown<\/td><td>Rich text with tooltip terms, Single trigger (text or icon)<\/td><td>inline<\/td><td><\/td><\/tr><tr><td><b>Text<\/b><br><code>body<\/code><\/td><td>Rich text<\/td><td><\/td><td>Elementor pages are built from contai...<\/td><td>Shown when mode = inline<\/td><\/tr><tr><td><b>Trigger Text<\/b><br><code>trigger_text<\/code><\/td><td>Text<\/td><td><\/td><td>What is this?<\/td><td>Shown when mode = single<\/td><\/tr><tr><td><b>Trigger Icon<\/b><br><code>trigger_icon<\/code><\/td><td>Icon<\/td><td><\/td><td>fas fa-info-circle<\/td><td>Shown when mode = single<\/td><\/tr><tr><td><b>Tooltips<\/b><br><code>tips<\/code><\/td><td>Repeater<\/td><td><\/td><td>2 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td>Tooltip text<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Icon<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Learn More Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Link Text<\/b><br><code>link_text<\/code><\/td><td>Text<\/td><td><\/td><td>Learn more<\/td><td><\/td><\/tr><tr><td><b>Trigger Style<\/b><br><code>trigger_style<\/code><\/td><td>Dropdown<\/td><td>Dotted underline, Solid underline, Highlighted, Small info icon after the term, Badge, Plain<\/td><td>dotted<\/td><td><\/td><\/tr><tr><td><b>Open On<\/b><br><code>open<\/code><\/td><td>Dropdown<\/td><td>Hover (tap on touch), Click<\/td><td>hover<\/td><td><\/td><\/tr><tr><td><b>Placement<\/b><br><code>placement<\/code><\/td><td>Dropdown<\/td><td>Top, Bottom, Left, Right, Auto<\/td><td>top<\/td><td><\/td><\/tr><tr><td><b>Theme<\/b><br><code>theme<\/code><\/td><td>Dropdown<\/td><td>Dark, Light, Accent<\/td><td>dark<\/td><td><\/td><\/tr><tr><td><b>Arrow<\/b><br><code>arrow<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Animation<\/b><br><code>anim<\/code><\/td><td>Dropdown<\/td><td>Fade, Shift, Scale<\/td><td>fade<\/td><td><\/td><\/tr><tr><td><b>Open Delay (ms)<\/b><br><code>delay<\/code><\/td><td>Number<\/td><td>min 0, max 2000<\/td><td>100<\/td><td><\/td><\/tr><tr><td><b>Interactive (can hover into the tooltip)<\/b><br><code>interactive<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Style<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Text Typography<\/b><br><code>body_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>body_color<\/code><\/td><td>Color<\/td><td><\/td><td>#344054<\/td><td><\/td><\/tr><tr><td><b>Accent (trigger \/ accent theme)<\/b><br><code>accent<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Highlight Background<\/b><br><code>hl_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f4ebff<\/td><td><\/td><\/tr><tr><td><b>Tooltip Background Override<\/b><br><code>tip_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Text Override<\/b><br><code>tip_color<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Typography<\/b><br><code>tip_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Max Width<\/b><br><code>tip_w<\/code><\/td><td>Slider<\/td><td>min 120, max 480, px<\/td><td>260<\/td><td><\/td><\/tr><tr><td><b>Tooltip Padding<\/b><br><code>tip_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Radius<\/b><br><code>tip_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 30, px<\/td><td>10<\/td><td><\/td><\/tr><tr><td><b>Tooltip Shadow<\/b><br><code>tip_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Tooltip Icon Size<\/b><br><code>icon_size<\/code><\/td><td>Slider<\/td><td>min 10, max 40, px<\/td><td>18<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_311\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>311<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 311 &middot; emcp_custom_311 Tooltip Text Elementor widget2 layouts13 content options13 style options2 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: tooltip, glossary, definition, hint, popover, info. Setup guide Open a page in Elementor, search the panel for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=5657"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5657\/revisions"}],"predecessor-version":[{"id":6259,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5657\/revisions\/6259"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}