{"id":4782,"date":"2026-09-20T20:22:59","date_gmt":"2026-09-20T20:22:59","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/multi-scroll\/"},"modified":"2026-09-21T17:35:31","modified_gmt":"2026-09-21T17:35:31","slug":"multi-scroll","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/multi-scroll\/","title":{"rendered":"Multi Scroll"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4782\" class=\"elementor elementor-4782\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51568b6 e-flex e-con-boxed e-con e-parent\" data-id=\"51568b6\" 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-c3f962c e-flex e-con-full e-con e-child\" data-id=\"c3f962c\" 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-ba4daad elementor-widget elementor-widget-html\" data-id=\"ba4daad\" 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 216 &middot; <code>emcp_custom_216<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Multi Scroll<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">10 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: multiscroll, split, scroll, opposite, fullscreen, panels.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8a6668 e-flex e-con-full e-con e-child\" data-id=\"b8a6668\" 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-177cf02 elementor-widget elementor-widget-html\" data-id=\"177cf02\" 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>Multi Scroll<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Panels<\/b>: Panels, Panel Height, Left Column Width, Scroll Mode, Snap Speed (ms), Side Dots, Dots Position, Panel Counter and 2 more.<\/li><li>Pick a <b>Scroll Mode<\/b>: Snap panel by panel (wheel, keys, touch), Free scroll, halves move opposite. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Panels. 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\">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-92bf6b6 e-flex e-con-full e-con e-child\" data-id=\"92bf6b6\" 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-6c655b3 elementor-widget elementor-widget-html\" data-id=\"6c655b3\" 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>Snap panel by panel (wheel, keys, touch)<\/h3><\/div><p class=\"demo-cap\">Scroll Mode = <code>snap<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc0ca6a elementor-widget elementor-widget-emcp_custom_216\" data-id=\"bc0ca6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_216.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ms emcp-ms--snap emcp-ms--nav-right stack-mobile dot-titles\" tabindex=\"0\"><div class=\"emcp-ms__col emcp-ms__left\"><div class=\"emcp-ms__track\"><div class=\"emcp-ms__panel\" style=\"background-color:#101828\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1489278353717-f64c6ee8a4d2.jpg\" alt=\"Design\" loading=\"lazy\"><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#6a11cb\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"Build\" loading=\"lazy\"><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#1d4ed8\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1510563800743-aed236490d08.jpg\" alt=\"Launch\" loading=\"lazy\"><\/div><\/div><\/div><div class=\"emcp-ms__col emcp-ms__right\"><div class=\"emcp-ms__track\"><div class=\"emcp-ms__panel\" style=\"background-color:#ffffff;color:#101828\" data-title=\"Design\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/gallery-07.jpg\" alt=\"Design\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">01<\/span><h2 class=\"emcp-ms__title\">Design<\/h2><p class=\"emcp-ms__text\">Layouts that hold up on every screen.<\/p><a class=\"emcp-ms__btn\" href=\"#\">Learn more<\/a><\/div><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#f4ebff;color:#101828\" data-title=\"Build\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/about-04.jpg\" alt=\"Build\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">02<\/span><h2 class=\"emcp-ms__title\">Build<\/h2><p class=\"emcp-ms__text\">Clean markup, fast loading.<\/p><\/div><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#eff6ff;color:#101828\" data-title=\"Launch\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/desserts-02.jpg\" alt=\"Launch\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">03<\/span><h2 class=\"emcp-ms__title\">Launch<\/h2><p class=\"emcp-ms__text\">Ship it, measure it, improve it.<\/p><\/div><\/div><\/div><\/div><div class=\"emcp-ms__nav\"><\/div><span class=\"emcp-ms__counter\"><\/span><div class=\"emcp-ms__mobile\"><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#101828\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1489278353717-f64c6ee8a4d2.jpg\" alt=\"Design\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#ffffff;color:#101828\"><span class=\"emcp-ms__kicker\">01<\/span><h2 class=\"emcp-ms__title\">Design<\/h2><p class=\"emcp-ms__text\">Layouts that hold up on every screen.<\/p><a class=\"emcp-ms__btn\" href=\"#\">Learn more<\/a><\/div><\/div><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#6a11cb\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"Build\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#f4ebff;color:#101828\"><span class=\"emcp-ms__kicker\">02<\/span><h2 class=\"emcp-ms__title\">Build<\/h2><p class=\"emcp-ms__text\">Clean markup, fast loading.<\/p><\/div><\/div><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#1d4ed8\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1510563800743-aed236490d08.jpg\" alt=\"Launch\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#eff6ff;color:#101828\"><span class=\"emcp-ms__kicker\">03<\/span><h2 class=\"emcp-ms__title\">Launch<\/h2><p class=\"emcp-ms__text\">Ship it, measure it, improve it.<\/p><\/div><\/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-6a0e652 e-flex e-con-full e-con e-child\" data-id=\"6a0e652\" 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-f26a0ed elementor-widget elementor-widget-html\" data-id=\"f26a0ed\" 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>Free scroll, halves move opposite<\/h3><\/div><p class=\"demo-cap\">Scroll Mode = <code>free<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b0df0 elementor-widget elementor-widget-emcp_custom_216\" data-id=\"f3b0df0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_216.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-ms emcp-ms--free emcp-ms--nav-right stack-mobile dot-titles\" tabindex=\"0\"><div class=\"emcp-ms__col emcp-ms__left\"><div class=\"emcp-ms__track\"><div class=\"emcp-ms__panel\" style=\"background-color:#101828\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1489278353717-f64c6ee8a4d2.jpg\" alt=\"Design\" loading=\"lazy\"><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#6a11cb\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"Build\" loading=\"lazy\"><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#1d4ed8\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1510563800743-aed236490d08.jpg\" alt=\"Launch\" loading=\"lazy\"><\/div><\/div><\/div><div class=\"emcp-ms__col emcp-ms__right\"><div class=\"emcp-ms__track\"><div class=\"emcp-ms__panel\" style=\"background-color:#ffffff;color:#101828\" data-title=\"Design\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/natures-01.jpg\" alt=\"Design\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">01<\/span><h2 class=\"emcp-ms__title\">Design<\/h2><p class=\"emcp-ms__text\">Layouts that hold up on every screen.<\/p><a class=\"emcp-ms__btn\" href=\"#\">Learn more<\/a><\/div><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#f4ebff;color:#101828\" data-title=\"Build\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/natures-02.jpg\" alt=\"Build\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">02<\/span><h2 class=\"emcp-ms__title\">Build<\/h2><p class=\"emcp-ms__text\">Clean markup, fast loading.<\/p><\/div><\/div><div class=\"emcp-ms__panel\" style=\"background-color:#eff6ff;color:#101828\" data-title=\"Launch\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/gallery-06.jpg\" alt=\"Launch\" loading=\"lazy\"><div class=\"emcp-ms__content\"><span class=\"emcp-ms__kicker\">03<\/span><h2 class=\"emcp-ms__title\">Launch<\/h2><p class=\"emcp-ms__text\">Ship it, measure it, improve it.<\/p><\/div><\/div><\/div><\/div><div class=\"emcp-ms__nav\"><\/div><span class=\"emcp-ms__counter\"><\/span><div class=\"emcp-ms__mobile\"><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#101828\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1489278353717-f64c6ee8a4d2.jpg\" alt=\"Design\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#ffffff;color:#101828\"><span class=\"emcp-ms__kicker\">01<\/span><h2 class=\"emcp-ms__title\">Design<\/h2><p class=\"emcp-ms__text\">Layouts that hold up on every screen.<\/p><a class=\"emcp-ms__btn\" href=\"#\">Learn more<\/a><\/div><\/div><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#6a11cb\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"Build\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#f4ebff;color:#101828\"><span class=\"emcp-ms__kicker\">02<\/span><h2 class=\"emcp-ms__title\">Build<\/h2><p class=\"emcp-ms__text\">Clean markup, fast loading.<\/p><\/div><\/div><div class=\"emcp-ms__mpanel\"><div class=\"emcp-ms__mmedia\" style=\"background-color:#1d4ed8\"><img decoding=\"async\" class=\"emcp-ms__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1510563800743-aed236490d08.jpg\" alt=\"Launch\" loading=\"lazy\"><\/div><div class=\"emcp-ms__content\" style=\"background-color:#eff6ff;color:#101828\"><span class=\"emcp-ms__kicker\">03<\/span><h2 class=\"emcp-ms__title\">Launch<\/h2><p class=\"emcp-ms__text\">Ship it, measure it, improve it.<\/p><\/div><\/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-5f271d0 e-flex e-con-full e-con e-child\" data-id=\"5f271d0\" 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-368f452 elementor-widget elementor-widget-html\" data-id=\"368f452\" 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\">Panels<\/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>Panels<\/b><br><code>panels<\/code><\/td><td>Repeater<\/td><td><\/td><td>3 items<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Left Image<\/b><br><code>left_image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Left Background<\/b><br><code>left_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Kicker<\/b><br><code>kicker<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td>Panel<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Text<\/b><br><code>text<\/code><\/td><td>Textarea<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Button Text<\/b><br><code>btn<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Button Link<\/b><br><code>link<\/code><\/td><td>Link<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td>&#8627; <b>Right Background<\/b><br><code>right_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Right Text Color<\/b><br><code>right_text<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td>&#8627; <b>Right Image (optional, replaces text)<\/b><br><code>right_image<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Panel Height<\/b><br><code>height<\/code><\/td><td>Slider<\/td><td>min 40, max 100, vh\/px<\/td><td>100<\/td><td>Responsive<\/td><\/tr><tr><td><b>Left Column Width<\/b><br><code>split<\/code><\/td><td>Slider<\/td><td>min 20, max 80, %<\/td><td>50<\/td><td><\/td><\/tr><tr><td><b>Scroll Mode<\/b><br><code>mode<\/code><\/td><td>Dropdown<\/td><td>Snap panel by panel (wheel, keys, touch), Free scroll, halves move opposite<\/td><td>snap<\/td><td><\/td><\/tr><tr><td><b>Snap Speed (ms)<\/b><br><code>speed<\/code><\/td><td>Number<\/td><td>min 200, max 2000<\/td><td>800<\/td><td><\/td><\/tr><tr><td><b>Side Dots<\/b><br><code>nav<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Dots Position<\/b><br><code>nav_pos<\/code><\/td><td>Dropdown<\/td><td>Right, Left<\/td><td>right<\/td><td><\/td><\/tr><tr><td><b>Panel Counter<\/b><br><code>counter<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Dot Tooltips (panel titles)<\/b><br><code>show_titles<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Stack Panels on Mobile<\/b><br><code>mobile_stack<\/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\">Panels<\/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>Kicker Typography<\/b><br><code>kicker_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>text_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Content Padding<\/b><br><code>pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Content Max Width<\/b><br><code>maxw<\/code><\/td><td>Slider<\/td><td>min 240, max 1000, px<\/td><td>520<\/td><td><\/td><\/tr><tr><td><b>Text Alignment<\/b><br><code>align<\/code><\/td><td>Button group<\/td><td>Left, Center<\/td><td>left<\/td><td><\/td><\/tr><tr><td><b>Left Image Overlay<\/b><br><code>img_overlay<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.2)<\/td><td><\/td><\/tr><tr><td><b>Button Text<\/b><br><code>btn_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Button Background<\/b><br><code>btn_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Button Radius<\/b><br><code>btn_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>8<\/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,0.3)<\/td><td><\/td><\/tr><tr><td><b>Active Dot<\/b><br><code>dot_color_a<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Widget Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>0<\/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_216\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>216<\/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 216 &middot; emcp_custom_216 Multi Scroll Elementor widget2 layouts10 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: multiscroll, split, scroll, opposite, fullscreen, panels. 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-4782","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4782","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=4782"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4782\/revisions"}],"predecessor-version":[{"id":6293,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/4782\/revisions\/6293"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=4782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}