{"id":6063,"date":"2026-09-20T20:52:04","date_gmt":"2026-09-20T20:52:04","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/one-page-navigation\/"},"modified":"2026-09-21T17:32:55","modified_gmt":"2026-09-21T17:32:55","slug":"one-page-navigation","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/one-page-navigation\/","title":{"rendered":"One Page Navigation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6063\" class=\"elementor elementor-6063\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b72b5b2 e-flex e-con-boxed e-con e-parent\" data-id=\"b72b5b2\" 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-6a2fb56 e-flex e-con-full e-con e-child\" data-id=\"6a2fb56\" 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-710273c elementor-widget elementor-widget-html\" data-id=\"710273c\" 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 109 &middot; <code>emcp_custom_109<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">One Page Navigation<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">6 layouts<\/span><span class=\"chip\">9 content options<\/span><span class=\"chip\">30 style options<\/span><span class=\"chip\">4 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: one page, navigation, dots, scroll, sections, anchor, scrollspy.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2059f0d e-flex e-con-full e-con e-child\" data-id=\"2059f0d\" 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-f8e0020 elementor-widget elementor-widget-html\" data-id=\"f8e0020\" 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>One Page Navigation<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Sections<\/b>: note, Sections, Dot Style, Position, Scroll Offset (px, e.g. sticky header height), Smooth Scroll, Hide on Mobile, Show Prev \/ Next Arrows and 1 more.<\/li><li>Pick a <b>Dot Style<\/b>: Dots, Dots with tooltip on hover, Dots with labels always shown, Icons, Numbered, Lines. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Navigation Bar, Dots, Tooltip \/ Label. 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\">This widget is fixed to the viewport (a corner button, a bar or a toast). On this page each demo is pinned inside its grey stage box so you can see it in place; on a real page it floats over the content. Scroll-driven options react to the scrolling of this page.<\/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-9624d38 e-flex e-con-full e-con e-child\" data-id=\"9624d38\" 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-90028a7 elementor-widget elementor-widget-html\" data-id=\"90028a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-9624d38{transform:translateZ(0);position:relative}.elementor-element-9624d38 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-995e1bd elementor-widget elementor-widget-html\" data-id=\"995e1bd\" 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>Dots<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>dots<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3577c15 elementor-widget elementor-widget-emcp_custom_109\" data-id=\"3577c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--dots\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-c143b69 e-flex e-con-full e-con e-child\" data-id=\"c143b69\" 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-c85e7da elementor-widget elementor-widget-html\" data-id=\"c85e7da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-c143b69{transform:translateZ(0);position:relative}.elementor-element-c143b69 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-418b847 elementor-widget elementor-widget-html\" data-id=\"418b847\" 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>Dots with tooltip on hover<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>dots-tooltip<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00f9ec2 elementor-widget elementor-widget-emcp_custom_109\" data-id=\"00f9ec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--dots-tooltip\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-2f778ae e-flex e-con-full e-con e-child\" data-id=\"2f778ae\" 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-d27e066 elementor-widget elementor-widget-html\" data-id=\"d27e066\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-2f778ae{transform:translateZ(0);position:relative}.elementor-element-2f778ae .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d9cfc1 elementor-widget elementor-widget-html\" data-id=\"1d9cfc1\" 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>Dots with labels always shown<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>labels<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e905dc elementor-widget elementor-widget-emcp_custom_109\" data-id=\"3e905dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--labels\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-3bd06a3 e-flex e-con-full e-con e-child\" data-id=\"3bd06a3\" 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-27909fa elementor-widget elementor-widget-html\" data-id=\"27909fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-3bd06a3{transform:translateZ(0);position:relative}.elementor-element-3bd06a3 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eccf8be elementor-widget elementor-widget-html\" data-id=\"eccf8be\" 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>Icons<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>icons<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b5e7a elementor-widget elementor-widget-emcp_custom_109\" data-id=\"53b5e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--icons\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-054a306 e-flex e-con-full e-con e-child\" data-id=\"054a306\" 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-2fa7438 elementor-widget elementor-widget-html\" data-id=\"2fa7438\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-054a306{transform:translateZ(0);position:relative}.elementor-element-054a306 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-865ce1a elementor-widget elementor-widget-html\" data-id=\"865ce1a\" 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>Numbered<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>numbers<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45e77de elementor-widget elementor-widget-emcp_custom_109\" data-id=\"45e77de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--numbers\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-7fee308 e-flex e-con-full e-con e-child\" data-id=\"7fee308\" 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-abe1314 elementor-widget elementor-widget-html\" data-id=\"abe1314\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-7fee308{transform:translateZ(0);position:relative}.elementor-element-7fee308 .ewd{position:relative;z-index:2}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15d4500 elementor-widget elementor-widget-html\" data-id=\"15d4500\" 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>Lines<\/h3><\/div><p class=\"demo-cap\">Dot Style = <code>lines<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-767f7e2 elementor-widget elementor-widget-emcp_custom_109\" data-id=\"767f7e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_109.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-opn emcp-opn--lines\" data-offset=\"0\" data-smooth=\"yes\" data-keyboard=\"\"><nav class=\"emcp-opn__nav emcp-opn__nav--right\" aria-label=\"Page sections\"><ul class=\"emcp-opn__list\"><li class=\"emcp-opn__item\" data-target=\"stats\"><a href=\"#stats\" class=\"emcp-opn__dot\" aria-label=\"Stats\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Stats<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"promos\"><a href=\"#promos\" class=\"emcp-opn__dot\" aria-label=\"Promos\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Promos<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"interactive\"><a href=\"#interactive\" class=\"emcp-opn__dot\" aria-label=\"Interactive\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Interactive<\/span><\/li><li class=\"emcp-opn__item\" data-target=\"products\"><a href=\"#products\" class=\"emcp-opn__dot\" aria-label=\"Products\"><span class=\"emcp-opn__ico\"><\/span><span class=\"emcp-opn__num\"><\/span><\/a><span class=\"emcp-opn__tip\">Products<\/span><\/li><\/ul><\/nav><span class=\"emcp-opn__editor-note\">One Page Navigation (fixed dots render on the front end)<\/span><\/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-a67f9e0 e-flex e-con-full e-con e-child\" data-id=\"a67f9e0\" 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-7b8a377 elementor-widget elementor-widget-html\" data-id=\"7b8a377\" 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\">Sections<\/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>note<\/b><br><code>note<\/code><\/td><td>Alert<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Sections<\/b><br><code>items<\/code><\/td><td>Repeater<\/td><td><\/td><td>4 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Section CSS ID<\/b><br><code>section_id<\/code><\/td><td>Text<\/td><td><\/td><td>hero<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Tooltip Label<\/b><br><code>label<\/code><\/td><td>Text<\/td><td><\/td><td>Home<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Icon (optional)<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Dot Style<\/b><br><code>style<\/code><\/td><td>Dropdown<\/td><td>Dots, Dots with tooltip on hover, Dots with labels always shown, Icons, Numbered, Lines<\/td><td>dots<\/td><td><\/td><\/tr><tr><td><b>Position<\/b><br><code>position<\/code><\/td><td>Dropdown<\/td><td>Right, Left<\/td><td>right<\/td><td><\/td><\/tr><tr><td><b>Scroll Offset (px, e.g. sticky header height)<\/b><br><code>offset<\/code><\/td><td>Number<\/td><td>min 0, max 400<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Smooth Scroll<\/b><br><code>smooth<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Hide on Mobile<\/b><br><code>hide_mobile<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Show Prev \/ Next Arrows<\/b><br><code>show_arrows<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Keyboard (Page Up \/ Down) Navigation<\/b><br><code>keyboard<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Navigation Bar<\/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>Distance From Edge<\/b><br><code>side_offset<\/code><\/td><td>Slider<\/td><td>min 0, max 120, px<\/td><td>24<\/td><td><\/td><\/tr><tr><td><b>Vertical Position<\/b><br><code>v_pos<\/code><\/td><td>Slider<\/td><td>min 0, max 100, %<\/td><td>50<\/td><td><\/td><\/tr><tr><td><b>Bar Background<\/b><br><code>nav_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Bar Padding<\/b><br><code>nav_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Bar Radius<\/b><br><code>nav_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 999, px<\/td><td>999<\/td><td><\/td><\/tr><tr><td><b>Bar Border<\/b><br><code>nav_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Bar Shadow<\/b><br><code>nav_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Gap Between Dots<\/b><br><code>gap<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>14<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Dots<\/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>Dot Size<\/b><br><code>dot_size<\/code><\/td><td>Slider<\/td><td>min 6, max 40, px<\/td><td>12<\/td><td><\/td><\/tr><tr><td><b>Dot Color<\/b><br><code>dot_color<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,.25)<\/td><td><\/td><\/tr><tr><td><b>Active Dot Color<\/b><br><code>dot_active<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Hover Dot Color<\/b><br><code>dot_hover<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Dot Border<\/b><br><code>dot_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Dot Radius<\/b><br><code>dot_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 50, %<\/td><td>50<\/td><td><\/td><\/tr><tr><td><b>Active Scale<\/b><br><code>active_scale<\/code><\/td><td>Slider<\/td><td>min 1, max 2.5, px<\/td><td>1.4<\/td><td><\/td><\/tr><tr><td><b>Ring Around Active Dot<\/b><br><code>ring<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Icon \/ Number Size<\/b><br><code>icon_size<\/code><\/td><td>Slider<\/td><td>min 8, max 30, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Icon \/ Number Color<\/b><br><code>icon_color<\/code><\/td><td>Color<\/td><td><\/td><td>#667085<\/td><td><\/td><\/tr><tr><td><b>Active Icon \/ Number Color<\/b><br><code>icon_color_a<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Line Width (lines style)<\/b><br><code>line_w<\/code><\/td><td>Slider<\/td><td>min 8, max 80, px<\/td><td>24<\/td><td><\/td><\/tr><tr><td><b>Line Thickness<\/b><br><code>line_h<\/code><\/td><td>Slider<\/td><td>min 1, max 12, px<\/td><td>3<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Tooltip \/ Label<\/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>Typography<\/b><br><code>tip_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>tip_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Background<\/b><br><code>tip_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Active Label Color (labels style)<\/b><br><code>tip_color_a<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>tip_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>tip_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 30, px<\/td><td>6<\/td><td><\/td><\/tr><tr><td><b>Distance From Dot<\/b><br><code>tip_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>14<\/td><td><\/td><\/tr><tr><td><b>Prev\/Next Arrow Color<\/b><br><code>arrow_color<\/code><\/td><td>Color<\/td><td><\/td><td>#667085<\/td><td><\/td><\/tr><tr><td><b>Prev\/Next Arrow Size<\/b><br><code>arrow_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_109\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>109<\/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 109 &middot; emcp_custom_109 One Page Navigation Elementor widget6 layouts9 content options30 style options4 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: one page, navigation, dots, scroll, sections, anchor, scrollspy. Setup guide Open a page in Elementor, search [&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-6063","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6063","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=6063"}],"version-history":[{"count":34,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6063\/revisions"}],"predecessor-version":[{"id":6251,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/6063\/revisions\/6251"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=6063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}