{"id":20222,"date":"2026-10-15T09:47:25","date_gmt":"2026-10-15T09:47:25","guid":{"rendered":"https:\/\/animation-addons.com\/?post_type=docs&#038;p=20222"},"modified":"2026-10-15T10:11:57","modified_gmt":"2026-10-15T10:11:57","slug":"nested-slider","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/","title":{"rendered":"Nested Slider"},"content":{"rendered":"\n<style>\nhtml{scroll-behavior:smooth;scroll-padding-top:110px}\n.aa-card>.wp-block-group__inner-container>*,.aa-mini>.wp-block-group__inner-container>*,.aa-callout>.wp-block-group__inner-container>*,.aa-row>.wp-block-group__inner-container>*,.aa-final>.wp-block-group__inner-container>*{margin-top:0!important;margin-bottom:0!important}\n.aa-card>.wp-block-group__inner-container>*+*{margin-top:18px!important}\n.aa-row>.wp-block-group__inner-container>*+*{margin-top:8px!important}\n.aa-mini>.wp-block-group__inner-container>*+*{margin-top:2px!important}\n.aa-final>.wp-block-group__inner-container>*+*{margin-top:10px!important}\n.aa-card p,.aa-row p,.aa-callout p,.aa-final p{line-height:1.65}\n.aa-mini p{line-height:1.35}\n.aa-card figure,.aa-row figure{margin:0}\n.aa-mini{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}\n.aa-mini:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#f05a35!important}\n.aa-row{transition:background .2s ease;border-radius:10px}\n.aa-row:hover{background:#fafbfc}\n.aa-steps{list-style:none!important;margin:0!important;padding:0!important;counter-reset:aa}\n.aa-steps li{counter-increment:aa;position:relative;padding:3px 0 3px 46px!important;margin:0 0 14px!important;min-height:32px;line-height:1.6}\n.aa-steps li:last-child{margin-bottom:0!important}\n.aa-steps li::before{content:counter(aa);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff1ec;color:#f05a35;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}\n.aa-pill{display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#475569;margin-right:6px;vertical-align:1px}\n.wp-block-details.aa-acc{border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin:0;overflow:hidden;transition:box-shadow .2s ease}\n.wp-block-details.aa-acc+.wp-block-details.aa-acc{margin-top:12px}\n.wp-block-details.aa-acc:hover{box-shadow:0 6px 18px rgba(15,23,42,.06)}\n.wp-block-details.aa-acc summary{cursor:pointer;font-weight:600;padding:14px 20px;line-height:1.5;list-style:none;display:flex;justify-content:space-between;align-items:center}\n.wp-block-details.aa-acc summary::-webkit-details-marker{display:none}\n.wp-block-details.aa-acc summary::after{content:\"+\";font-size:22px;line-height:1;color:#f05a35;transition:transform .2s ease}\n.wp-block-details.aa-acc[open] summary::after{transform:rotate(45deg)}\n.wp-block-details.aa-acc[open] summary{background:#fff7f4;border-bottom:1px solid #fde1d8}\n.wp-block-details.aa-acc>*:not(summary){margin:0!important;padding:16px 20px}\n.wp-block-details.aa-acc table{margin:0}\n@media(max-width:600px){.aa-card{padding:20px!important}}\n.aa-card>.wp-block-group__inner-container,.aa-mini>.wp-block-group__inner-container,.aa-callout>.wp-block-group__inner-container,.aa-row>.wp-block-group__inner-container,.aa-rows>.wp-block-group__inner-container,.aa-final>.wp-block-group__inner-container{padding:0!important}\n<\/style>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;margin-top:0;margin-bottom:24px;font-size:18px;line-height:1.65\">A slider where every slide is a free canvas. Put text, images, buttons or anything you like on a slide, then let visitors move through them with arrows, dots or a swipe. No code needed.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-a3754bcf wp-block-group-is-layout-grid\" style=\"margin-top:0;margin-bottom:16px\">\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">WIDGET<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Nested Slider<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">EFFECTS<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Slide, Coverflow, Card, Perspective, Marquee<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">PLAN<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Free<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">A QUICK LOOK<\/p>\n\n\n\n<h2 id=\"what-you-will-build\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">What You Will Build<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A customer reviews slider. Click the arrow and the next review slides in. This one started from a ready-made preset, so it took one click.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdaffd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdaffd\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"915\" height=\"330\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif\" alt=\"Reviews slider changing slides\" class=\"has-border-color wp-image-20272\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Clicking the next arrow moves to the next review<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">BEFORE YOU START<\/p>\n\n\n\n<h2 id=\"requirement\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Requirement<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-a3754bcf wp-block-group-is-layout-grid\" style=\"margin-top:0;margin-bottom:16px\">\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">ELEMENTOR<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">V4 Atomic<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">ANIMATION ADDONS<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Free<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Install and activate Animation Addons first. That is all you need.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#bfdbfe;border-width:1px;border-radius:12px;background-color:#eff6ff;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> In the screenshots, the <strong>orange boxes<\/strong> and numbers show you exactly where to click.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 1<\/p>\n\n\n\n<h2 id=\"enable-the-widget\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Turn On the Widget<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Good news: the Nested Slider is already on. If you ever need to turn it on again, it only takes a moment.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>In your WordPress Dashboard, go to <strong>Animation Addon > Widgets<\/strong>.<\/li>\n\n\n\n<li>Open the <strong>Elementor V4 (Atomic)<\/strong> tab.<\/li>\n\n\n\n<li>Find <strong>Nested Slider<\/strong> under <strong>Slider Widgets<\/strong> and switch it on.<\/li>\n\n\n\n<li>Click <strong>Save Settings<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdb954&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdb954\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img decoding=\"async\" width=\"1206\" height=\"270\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-00-enable-widget.webp\" alt=\"Enable the Nested Slider widget\" class=\"has-border-color wp-image-20212\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-00-enable-widget.webp 1206w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-00-enable-widget-300x67.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-00-enable-widget-1024x229.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-00-enable-widget-768x172.webp 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Nested Slider card in your dashboard (click to zoom)<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 2<\/p>\n\n\n\n<h2 id=\"add-it-to-your-page\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Add It to Your Page<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Open a page in the Elementor Editor and drop the slider in.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Click the <strong>+<\/strong> button at the top left to open the <strong>Elements<\/strong> panel.<\/li>\n\n\n\n<li>Look under <strong>AAE General<\/strong> for <strong>Nested Slider<\/strong>.<\/li>\n\n\n\n<li>Drag it onto your page.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdbf3d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdbf3d\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img decoding=\"async\" width=\"290\" height=\"472\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-01-add-widget.webp\" alt=\"Nested Slider in the Elements panel\" class=\"has-border-color wp-image-20213\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-01-add-widget.webp 290w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-01-add-widget-184x300.webp 184w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Nested Slider in the Elements panel (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Can not see it? Type <strong>Nested Slider<\/strong> in the search box at the top of the panel.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#bfdbfe;border-width:1px;border-radius:12px;background-color:#eff6ff;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> A new slider comes with one slide, the arrows, the dots and a small counter at the bottom.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 3<\/p>\n\n\n\n<h2 id=\"start-from-a-preset\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Start from a Preset (Optional)<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Do not want to design a slider from zero? Start from one of eight ready-made presets. They come with real layouts, text and pictures that you can replace.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Select the <strong>Nested Slider<\/strong>. In the <strong>General<\/strong> tab, open <strong>Presets<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Apply a preset<\/strong>.<\/li>\n\n\n\n<li>Click the one you like.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdc73e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdc73e\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"563\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-02-presets-dialog.webp\" alt=\"Nested Slider presets\" class=\"has-border-color wp-image-20214\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-02-presets-dialog.webp 1200w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-02-presets-dialog-300x141.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-02-presets-dialog-1024x480.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-02-presets-dialog-768x360.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The eight presets (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#bfdbfe;border-width:1px;border-radius:12px;background-color:#eff6ff;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> A preset replaces your slides with its own. Pick a preset first, then write your own content.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Author-Quote Combo Card<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A quote with a round author photo.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">brand-slider<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A strip of brand logos.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Testimonials &#8211; Clerk slider<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A picture on the left and a quote on the right, with arrows.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">crm-testimonial<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Three testimonial cards with stars.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Fairstone reviews<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Review cards with green stars and arrows. This is the one used above.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Image carousel &#8211; arc<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A row of photos. It comes in several looks, see the effects below.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">interior-design-studio<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A large quote with a small author line.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Real Homes, Real Impact<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A picture card with a quote and round arrows.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 4<\/p>\n\n\n\n<h2 id=\"add-copy-and-reorder-slides\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Add, Copy and Reorder Slides<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Each slide is one box that you fill with your own things. Manage them in the <strong>Slides<\/strong> section.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Open <strong>Slides<\/strong> in the <strong>General<\/strong> tab.<\/li>\n\n\n\n<li>Click the <strong>+<\/strong> button to add a slide.<\/li>\n\n\n\n<li>Drag a slide by its dots to change the order.<\/li>\n\n\n\n<li>Click the copy icon to duplicate a slide. Click the <strong>x<\/strong> to delete it.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdd4bc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdd4bc\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"372\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-03-slides-list.webp\" alt=\"Nested Slider slides\" class=\"has-border-color wp-image-20215\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-03-slides-list.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-03-slides-list-242x300.webp 242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Add (1), a slide (2), copy (3) and delete (4) (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Style one slide the way you like, then copy it. The new slide has the same look, so you only change the words.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 5<\/p>\n\n\n\n<h2 id=\"fill-the-slides\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Fill the Slides<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A slide is a free canvas. Open the <strong>Structure<\/strong> panel to see how it is built, and click any part to edit it.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Open the <strong>Structure<\/strong> panel. It is the little layers icon at the top right.<\/li>\n\n\n\n<li>Open the slider. You will see the <strong>Slider Track<\/strong> with your slides, and the <strong>Slider nav<\/strong> with the arrows and dots.<\/li>\n\n\n\n<li>Open a slide and click a <strong>Heading<\/strong> or a <strong>Paragraph<\/strong> to change the words.<\/li>\n\n\n\n<li>Drag any other element, like an image or a button, into a slide.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcddb63&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcddb63\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"245\" height=\"280\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-structure.webp\" alt=\"Nested Slider parts\" class=\"has-border-color wp-image-20218\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Slider Track (1), the slides (2) and the Slider nav (3) (click to zoom)<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 6<\/p>\n\n\n\n<h2 id=\"choose-how-it-moves\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Choose How It Moves<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Open <strong>Slider Settings<\/strong>. The <strong>General<\/strong> tab has the main options. Some options only show for some effects.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Choose a <strong>Slider Effect<\/strong>. See the pictures further down.<\/li>\n\n\n\n<li>Set <strong>Slides Per View<\/strong>: how many slides show at once.<\/li>\n\n\n\n<li>Set <strong>Slide Gap (px)<\/strong> for the space between slides.<\/li>\n\n\n\n<li>Switch <strong>Infinite Loop<\/strong> on if you want the slider to go around forever.<\/li>\n\n\n\n<li>Turn on <strong>Autoplay<\/strong> if you want the slides to move by themselves.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcde209&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcde209\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"782\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-04-settings.webp\" alt=\"Slider settings\" class=\"has-border-color wp-image-20216\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-04-settings.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-04-settings-115x300.webp 115w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Effect (1), Slides Per View (2), Gap (3), Center Mode (4), Infinite Loop (5) and Autoplay (6) (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Slides Per View is <code>3<\/code> by default. Set it to <code>1<\/code> if you want one slide at a time.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 7<\/p>\n\n\n\n<h2 id=\"fine-tune\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Fine Tune (Optional)<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The <strong>Advanced<\/strong> tab has the speed and the feel.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li><strong>Peek %<\/strong>: shows a little of the next slide at the edge, so visitors know there is more.<\/li>\n\n\n\n<li><strong>Slider Easing<\/strong>: how the movement starts and stops. Power 2 is the default. Others are Power 1, 3, 4, Elastic, Back, Bounce and Expo.<\/li>\n\n\n\n<li><strong>Transition Speed (ms)<\/strong>: how long a move takes. <code>680<\/code> is the default.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcde9ad&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcde9ad\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"472\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-05-advanced.webp\" alt=\"Advanced slider settings\" class=\"has-border-color wp-image-20217\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-05-advanced.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-05-advanced-191x300.webp 191w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Peek (1), Easing (2) and Transition Speed (3) (click to zoom)<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">EFFECTS<\/p>\n\n\n\n<h2 id=\"the-five-slider-effects\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">The Five Slider Effects<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Choose the look in <strong>Slider Effect<\/strong>. Here is the same set of photos in each effect. <strong>Autoplay<\/strong> is on in these examples, so you can see the movement.<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slide<\/h3>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The default. Slides move side to side.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdf0e5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdf0e5\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"194\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-10-effect-slide.gif\" alt=\"Slide slider effect\" class=\"has-border-color wp-image-20277\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Slide effect<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Perspective<\/h3>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The slides on the sides tilt back, like a row going away from you.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdf5ab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdf5ab\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"194\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-10-effect-perspective.gif\" alt=\"Perspective slider effect\" class=\"has-border-color wp-image-20274\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Perspective effect<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Coverflow 3D<\/h3>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The middle slide is big and the side slides turn away from it. You can set the <strong>Rotate (deg)<\/strong> and the <strong>Depth (px)<\/strong>.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdfa41&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdfa41\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"194\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-10-effect-coverflow.gif\" alt=\"Coverflow 3D slider effect\" class=\"has-border-color wp-image-20275\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Coverflow 3D effect<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Card 3D<\/h3>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The side slides lean like cards in a hand. You can set the <strong>Card Scale<\/strong> and the <strong>Card Tilt<\/strong>.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbcdfe52&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbcdfe52\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"194\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-10-effect-card.gif\" alt=\"Card 3D slider effect\" class=\"has-border-color wp-image-20276\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Card 3D effect<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Marquee (Continuous Scroll)<\/h3>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Slides roll by in a steady line, like a news ticker.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbce026d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbce026d\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"194\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-10-effect-marquee.gif\" alt=\"Marquee (Continuous Scroll) slider effect\" class=\"has-border-color wp-image-20278\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Marquee effect<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">RESULT<\/p>\n\n\n\n<h2 id=\"final-result\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Final Result<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The reviews slider on a live page. Each card has stars, a short review and the name of the customer. Click the arrows to see the next review.<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20dbce06b7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20dbce06b7\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2440\" height=\"880\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews.webp\" alt=\"Reviews slider on a live page\" class=\"has-border-color wp-image-20271\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews.webp 2440w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews-300x108.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews-1024x369.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews-768x277.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews-1536x554.webp 1536w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-07-reviews-2048x739.webp 2048w\" sizes=\"(max-width: 2440px) 100vw, 2440px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The reviews slider on the live page<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">SETTINGS<\/p>\n\n\n\n<h2 id=\"options\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Options<\/h2>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slider Effect<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Slide<\/span>Slide, Perspective, Coverflow 3D, Card 3D or Marquee.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slides Per View<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: 3<\/span>How many slides show at once.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slide Gap (px)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: 0<\/span>Space between slides.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slide Height (px)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: 0<\/span>A fixed height for every slide. <code>0<\/code> means the height fits the content.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Center Mode<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Off<\/span>Puts the active slide in the middle.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Infinite Loop<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Off<\/span>Goes around again after the last slide.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slider Overflow<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Visible<\/span>Show or hide the part of the next slides that sticks out of the slider.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Autoplay<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Off<\/span>Moves by itself. You can set the speed (default 3000 ms), a start delay and the direction.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Pause on Hover<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: On<\/span>Stops autoplay while the mouse is on the slider.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Peek %<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: 0<\/span>Shows a little of the next slide.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Slider Easing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Power 2<\/span>How the movement feels.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Transition Speed (ms)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: 680<\/span>How long one move takes.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">ID<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Optional CSS ID for the slider.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">GOOD TO KNOW<\/p>\n\n\n\n<h2 id=\"more-details\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">More Details<\/h2>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Anything on a slide<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A slide is a normal box. You can add headings, text, images, buttons and more.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Arrows, dots and counter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">They are separate parts under <strong>Slider nav<\/strong>. Click one in the Structure panel to restyle or delete it.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Some options appear only for some effects<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">For example the Rotate and Depth options show only for Coverflow 3D.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Presets first<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Apply a preset before you write your content.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">HELP<\/p>\n\n\n\n<h2 id=\"troubleshooting\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Troubleshooting<\/h2>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>I do not see the Nested Slider in the Elements panel<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Go to <strong>Animation Addon > Widgets > Elementor V4 (Atomic)<\/strong> and turn on <strong>Nested Slider<\/strong>. Click <strong>Save Settings<\/strong>, then reload the editor. Look under <strong>AAE General<\/strong>, or use the search box.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>My slides sit side by side in the editor<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">This is normal while you edit. The slides are shown in a line, and only the first one shows on the live page when Slides Per View is <code>1<\/code>.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>I see three slides at once but I want one<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Set <strong>Slides Per View<\/strong> to <code>1<\/code> in <strong>Slider Settings<\/strong>.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>My text is too big or too small<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Click the text in the Structure panel, open the <strong>Style<\/strong> tab and set the size and color. Your site may have its own default for paragraphs.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>I want the slider to move by itself<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Open <strong>Slider Settings<\/strong> and switch <strong>Autoplay<\/strong> on.<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-group aa-final has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-0ff90192 wp-block-group-is-layout-flex\" style=\"border-radius:20px;background:linear-gradient(135deg,#fff1ec 0%,#f5f3ff 100%);margin-top:56px;padding-top:36px;padding-right:28px;padding-bottom:36px;padding-left:28px\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;font-size:30px;font-weight:700;line-height:1.25\">You Did It<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Your page now has a slider that shows your content one slide at a time. If you face any problem, please contact our support team. We are happy to help.<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>A slider where every slide is a free canvas. Put text, images, buttons or anything you like on a slide, then let visitors move through them with arrows, dots or a swipe. No code needed. WIDGET Nested Slider EFFECTS Slide, Coverflow, Card, Perspective, Marquee PLAN Free A QUICK LOOK What You Will Build A customer [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":20058,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-20222","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nested Slider - Animation Addons<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nested Slider - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"A slider where every slide is a free canvas. Put text, images, buttons or anything you like on a slide, then let visitors move through them with arrows, dots or a swipe. No code needed. WIDGET Nested Slider EFFECTS Slide, Coverflow, Card, Perspective, Marquee PLAN Free A QUICK LOOK What You Will Build A customer [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T10:11:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"915\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/\",\"name\":\"Nested Slider - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nested-slider-v4-06-reviews.gif\",\"datePublished\":\"2026-10-15T09:47:25+00:00\",\"dateModified\":\"2026-10-15T10:11:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nested-slider-v4-06-reviews.gif\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/nested-slider-v4-06-reviews.gif\",\"width\":915,\"height\":330,\"caption\":\"Nested slider v4 06 reviews\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/nested-slider\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"V4 Elements\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-elements\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nested Slider\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nested Slider - Animation Addons","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/","og_locale":"en_US","og_type":"article","og_title":"Nested Slider - Animation Addons","og_description":"A slider where every slide is a free canvas. Put text, images, buttons or anything you like on a slide, then let visitors move through them with arrows, dots or a swipe. No code needed. WIDGET Nested Slider EFFECTS Slide, Coverflow, Card, Perspective, Marquee PLAN Free A QUICK LOOK What You Will Build A customer [&hellip;]","og_url":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2026-10-15T10:11:57+00:00","og_image":[{"width":915,"height":330,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif","type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/","url":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/","name":"Nested Slider - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif","datePublished":"2026-10-15T09:47:25+00:00","dateModified":"2026-10-15T10:11:57+00:00","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/nested-slider-v4-06-reviews.gif","width":915,"height":330,"caption":"Nested slider v4 06 reviews"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/v4-elements\/nested-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"V4 Elements","item":"https:\/\/animation-addons.com\/docs\/v4-elements\/"},{"@type":"ListItem","position":3,"name":"Nested Slider"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/003ea1731c068e74c9c0b21151292d0421daa8e37b4cbd3b694787ebf5175e49?s=96&d=mm&r=g","author_name":"ahsan","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/20222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=20222"}],"version-history":[{"count":3,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/20222\/revisions"}],"predecessor-version":[{"id":20279,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/20222\/revisions\/20279"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/20058"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=20222"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=20222"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=20222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}