{"id":5673,"date":"2026-09-20T20:26:03","date_gmt":"2026-09-20T20:26:03","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/unfold\/"},"modified":"2026-09-21T17:33:50","modified_gmt":"2026-09-21T17:33:50","slug":"unfold","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/unfold\/","title":{"rendered":"Unfold"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5673\" class=\"elementor elementor-5673\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23bb5e3 e-flex e-con-boxed e-con e-parent\" data-id=\"23bb5e3\" 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-fc03e17 e-flex e-con-full e-con e-child\" data-id=\"fc03e17\" 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-dca978e elementor-widget elementor-widget-html\" data-id=\"dca978e\" 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 219 &middot; <code>emcp_custom_219<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Unfold<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">3 layouts<\/span><span class=\"chip\">16 content options<\/span><span class=\"chip\">15 style options<\/span><span class=\"chip\">3 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: unfold, read more, expand, collapse, truncate, show more.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-807f23c e-flex e-con-full e-con e-child\" data-id=\"807f23c\" 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-7d6e998 elementor-widget elementor-widget-html\" data-id=\"7d6e998\" 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>Unfold<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Content<\/b>: Content, Fold By, Visible Height, Visible Lines, Visible Words, Expand Label, Collapse Label, Icon and 8 more.<\/li><li>Pick a <b>Fold By<\/b>: Visible height, Number of lines, Number of words. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Text, Button. 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>Visible Height<\/code> appears when <code>Fold By<\/code> is height; <code>Visible Lines<\/code> appears when <code>Fold By<\/code> is lines; <code>Visible Words<\/code> appears when <code>Fold By<\/code> is words.<\/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-4e07726 e-flex e-con-full e-con e-child\" data-id=\"4e07726\" 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-33f349f elementor-widget elementor-widget-html\" data-id=\"33f349f\" 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>Visible height<\/h3><\/div><p class=\"demo-cap\">Fold By = <code>height<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4992cf elementor-widget elementor-widget-emcp_custom_219\" data-id=\"c4992cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_219.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-uf emcp-uf--height emcp-uf--btn-outline has-fade can-collapse scroll-back\" data-words=\"\"><div class=\"emcp-uf__viewport\"><div class=\"emcp-uf__content\"><p>Long-form content goes here. The first part stays visible and the rest folds away behind a Read more button, so long descriptions, terms, or specifications do not push the rest of the page down.<\/p><p>Add as many paragraphs as you like. When the reader expands the block the full text is shown in place, and the button turns into Read less.<\/p><p>This works for product descriptions, biographies, FAQs, legal copy and anything else that is useful but not essential on first view.<\/p><\/div><span class=\"emcp-uf__fade\"><\/span><\/div><div class=\"emcp-uf__foot\"><button type=\"button\" class=\"emcp-uf__btn\" aria-expanded=\"false\"><span class=\"emcp-uf__label\" data-more=\"Read more\" data-less=\"Read less\">Read more<\/span><span class=\"emcp-uf__icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span><\/button><\/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-237aceb e-flex e-con-full e-con e-child\" data-id=\"237aceb\" 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-d5fa446 elementor-widget elementor-widget-html\" data-id=\"d5fa446\" 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>Number of lines<\/h3><\/div><p class=\"demo-cap\">Fold By = <code>lines<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3012c6 elementor-widget elementor-widget-emcp_custom_219\" data-id=\"d3012c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_219.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-uf emcp-uf--lines emcp-uf--btn-outline has-fade can-collapse scroll-back\" data-words=\"\"><div class=\"emcp-uf__viewport\"><div class=\"emcp-uf__content\"><p>Long-form content goes here. The first part stays visible and the rest folds away behind a Read more button, so long descriptions, terms, or specifications do not push the rest of the page down.<\/p><p>Add as many paragraphs as you like. When the reader expands the block the full text is shown in place, and the button turns into Read less.<\/p><p>This works for product descriptions, biographies, FAQs, legal copy and anything else that is useful but not essential on first view.<\/p><\/div><span class=\"emcp-uf__fade\"><\/span><\/div><div class=\"emcp-uf__foot\"><button type=\"button\" class=\"emcp-uf__btn\" aria-expanded=\"false\"><span class=\"emcp-uf__label\" data-more=\"Read more\" data-less=\"Read less\">Read more<\/span><span class=\"emcp-uf__icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span><\/button><\/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-7d7fbf5 e-flex e-con-full e-con e-child\" data-id=\"7d7fbf5\" 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-25f4c60 elementor-widget elementor-widget-html\" data-id=\"25f4c60\" 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>Number of words<\/h3><\/div><p class=\"demo-cap\">Fold By = <code>words<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f86bcd elementor-widget elementor-widget-emcp_custom_219\" data-id=\"5f86bcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_219.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-uf emcp-uf--words emcp-uf--btn-outline has-fade can-collapse scroll-back\" data-words=\"40\"><div class=\"emcp-uf__viewport\"><div class=\"emcp-uf__content\"><p>Long-form content goes here. The first part stays visible and the rest folds away behind a Read more button, so long descriptions, terms, or specifications do not push the rest of the page down.<\/p><p>Add as many paragraphs as you like. When the reader expands the block the full text is shown in place, and the button turns into Read less.<\/p><p>This works for product descriptions, biographies, FAQs, legal copy and anything else that is useful but not essential on first view.<\/p><\/div><span class=\"emcp-uf__fade\"><\/span><\/div><div class=\"emcp-uf__foot\"><button type=\"button\" class=\"emcp-uf__btn\" aria-expanded=\"false\"><span class=\"emcp-uf__label\" data-more=\"Read more\" data-less=\"Read less\">Read more<\/span><span class=\"emcp-uf__icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span><\/button><\/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-89d4c17 e-flex e-con-full e-con e-child\" data-id=\"89d4c17\" 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-0df1f70 elementor-widget elementor-widget-html\" data-id=\"0df1f70\" 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>Content<\/b><br><code>content<\/code><\/td><td>Rich text<\/td><td><\/td><td>Long-form content goes here. The firs...<\/td><td><\/td><\/tr><tr><td><b>Fold By<\/b><br><code>mode<\/code><\/td><td>Dropdown<\/td><td>Visible height, Number of lines, Number of words<\/td><td>height<\/td><td><\/td><\/tr><tr><td><b>Visible Height<\/b><br><code>height<\/code><\/td><td>Slider<\/td><td>min 40, max 800, px<\/td><td>120<\/td><td>Shown when mode = height<\/td><\/tr><tr><td><b>Visible Lines<\/b><br><code>lines<\/code><\/td><td>Number<\/td><td>min 1, max 40<\/td><td>4<\/td><td>Shown when mode = lines<\/td><\/tr><tr><td><b>Visible Words<\/b><br><code>words<\/code><\/td><td>Number<\/td><td>min 5, max 1000<\/td><td>40<\/td><td>Shown when mode = words<\/td><\/tr><tr><td><b>Expand Label<\/b><br><code>more_text<\/code><\/td><td>Text<\/td><td><\/td><td>Read more<\/td><td><\/td><\/tr><tr><td><b>Collapse Label<\/b><br><code>less_text<\/code><\/td><td>Text<\/td><td><\/td><td>Read less<\/td><td><\/td><\/tr><tr><td><b>Icon<\/b><br><code>icon<\/code><\/td><td>Icon<\/td><td><\/td><td>fas fa-chevron-down<\/td><td><\/td><\/tr><tr><td><b>Button Style<\/b><br><code>btn_style<\/code><\/td><td>Dropdown<\/td><td>Text link, Button, Outline button, Pill, Full-width bar<\/td><td>link<\/td><td><\/td><\/tr><tr><td><b>Button Alignment<\/b><br><code>btn_align<\/code><\/td><td>Button group<\/td><td>Left, Center, Right<\/td><td>flex-start<\/td><td><\/td><\/tr><tr><td><b>Fade Out at the Fold<\/b><br><code>fade<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Fade Color (match background)<\/b><br><code>fade_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Allow Collapse Again<\/b><br><code>collapsible<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Scroll Back to Top on Collapse<\/b><br><code>scroll_back<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Animation (ms)<\/b><br><code>duration<\/code><\/td><td>Number<\/td><td>min 0, max 2000<\/td><td>400<\/td><td><\/td><\/tr><tr><td><b>Click Anywhere on Folded Text to Expand<\/b><br><code>trigger_click_box<\/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\">Text<\/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>typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>color<\/code><\/td><td>Color<\/td><td><\/td><td>#344054<\/td><td><\/td><\/tr><tr><td><b>Box Background<\/b><br><code>box_bg<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Box Padding<\/b><br><code>box_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Box Border<\/b><br><code>box_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Box Radius<\/b><br><code>box_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Fade Height<\/b><br><code>fade_h<\/code><\/td><td>Slider<\/td><td>min 16, max 300, px<\/td><td>64<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Button<\/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>btn_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>btn_color<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Text Color (solid styles)<\/b><br><code>btn_text_solid<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Hover Background<\/b><br><code>btn_bg_h<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>btn_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>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>Space Above<\/b><br><code>btn_mt<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>12<\/td><td><\/td><\/tr><tr><td><b>Icon Size<\/b><br><code>icon_size<\/code><\/td><td>Slider<\/td><td>min 8, max 30, px<\/td><td>12<\/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_219\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>219<\/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 219 &middot; emcp_custom_219 Unfold Elementor widget3 layouts16 content options15 style options3 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: unfold, read more, expand, collapse, truncate, show more. Setup guide Open a page in Elementor, search the panel [&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-5673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5673","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=5673"}],"version-history":[{"count":19,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5673\/revisions"}],"predecessor-version":[{"id":6258,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5673\/revisions\/6258"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}