{"id":1843,"date":"2026-11-03T11:15:01","date_gmt":"2026-11-03T11:15:01","guid":{"rendered":"https:\/\/demo.divi-pixel.com\/modules\/carousel\/"},"modified":"2026-11-03T13:08:35","modified_gmt":"2026-11-03T13:08:35","slug":"carousel","status":"publish","type":"page","link":"https:\/\/demo.divi-pixel.com\/modules\/carousel\/","title":{"rendered":"Carousel"},"content":{"rendered":"
<\/span><\/span>\n
\n
\n
<\/span><\/div>\n\n

Carousel for Divi<\/h1>\n<\/div><\/div>\n\n

Unlock endless creative possibilities with the Carousel module! Design stunning sliders featuring images, icons, titles, descriptions, buttons and even Divi Library items - all with ease and elegance.<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>

Divi 5 Ready<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n
<\/div><\/div>\n\n
\n
\n
\n
<\/span><\/div>\n<\/div>\n\n
\n

Endless design possibilities<\/h2>

Slide Anything You Want with the Powerful Divi Pixel Carousel<\/p>\n<\/div><\/div><\/div>\n\n

With Divi Pixel, building eye-catching carousel sections in the Divi theme is effortless. Choose from built-in elements like icons, titles, descriptions and buttons - or display custom layouts using Divi Library items. The possibilities are limitless. With the Divi Pixel Carousel module, if you can create it, you can slide it!<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Advanced Carousel Settings<\/h2>

Customize layout and behavior<\/p>\n<\/div><\/div><\/div>\n\n

Tailor your carousel to fit any layout. Set the number of columns for desktop, tablet and mobile, adjust item spacing, control animation speed and duration and enable auto-play or looping for a fully dynamic experience.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
<\/span><\/div>\n<\/div>\n\n
\n

Open Images in Lightbox<\/h2>

Interactive visual experience<\/p>\n<\/div><\/div><\/div>\n\n

Add an image to each carousel item and allow users to open it in a lightbox with a single click. This is a great way to showcase portfolios, product previews or galleries in a clean and modern format without cluttering the page.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Versatile Carousel Use Cases<\/h2>

Showcase Logos, Content, Images & More - All in One Carousel<\/p>\n<\/div><\/div><\/div>\n\n

\n
\n
\n\t\t\t \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n
\n\t\t\t \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div> \n \n \n <\/div>\n <\/div>\n\n
Browse All Demos<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n
\n

Highly Customizable<\/h2>

Style every element with ease<\/p>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\uf0db<\/span><\/span><\/div>

Grid Settings<\/h4><\/div><\/div><\/div>\n\n
\uf25a<\/span><\/span><\/div>

Touch Move<\/h4><\/div><\/div><\/div>\n\n
\uf338<\/span><\/span><\/div>

Image Height<\/h4><\/div><\/div><\/div>\n<\/div>\n\n
\n
\uf185<\/span><\/span><\/div>

Coverflow 3D Effect<\/h4><\/div><\/div><\/div>\n\n
\uf1de<\/span><\/span><\/div>

Image Animations<\/h4><\/div><\/div><\/div>\n\n
\uf121<\/span><\/span><\/div>

Custom CSS Fields<\/h4><\/div><\/div><\/div>\n<\/div>\n\n
\n
\uf302<\/span><\/span><\/div>

Image Lighbox<\/h4><\/div><\/div><\/div>\n\n
\uf04b<\/span><\/span><\/div>

Continuous Slide<\/h4><\/div><\/div><\/div>\n\n
\uf031<\/span><\/span><\/div>

Total Font Control<\/h4><\/div><\/div><\/div>\n<\/div>\n\n
\n
\uf2f1<\/span><\/span><\/div>

Autoplay & Loop<\/h4><\/div><\/div><\/div>\n\n
\ue603<\/span><\/span><\/div>

Centered Mode<\/h4><\/div><\/div><\/div>\n\n
\uf141<\/span><\/span><\/div>

Navigation & Pagination<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n
\n

Continuous Slider<\/h2>

Seamless, never-ending scroll<\/p>\n<\/div><\/div><\/div>\n\n

Activate continuous scrolling to create a smooth, uninterrupted slider \u2014 perfect for showcasing logos, testimonials or brand elements in a way that keeps attention flowing naturally.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
\n\t\t
\n\t\t
\n\t\t
\n\t\t \n
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>\n\n
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>\n\n
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>\n\n
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>\n\n\t\t <\/div>\n\t\t <\/div>\n\t\t
<\/div>\n\t\t
<\/div>\n\t\t
\n\t\t
<\/div>\n\t\t <\/div>\n\t\t <\/div><\/div>\n\n
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>
\n
\n \n
\n \"\"\n \n <\/span><\/div>\n \n \n \n \n \n \n \n \n <\/div><\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t\t
<\/div>\n\t\t
<\/div>\n\t\t
\n\t\t
<\/div>\n\t\t <\/div>\n\t\t <\/div><\/div>\n<\/div>\n<\/div>\n\n
\n
\n
<\/span><\/div>\n<\/div>\n\n
\n

Navigation & Pagination<\/h2>

Stylish and flexible controls<\/p>\n<\/div><\/div><\/div>\n\n

Enhance user interaction with customizable navigation arrows and pagination dots. Choose icon styles, set custom colors, display boxed designs or show controls only on hover for a clean and elegant look.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Image Animations<\/h2>

Add motion for better engagement<\/p>\n<\/div><\/div><\/div>\n\n

Bring your carousel to life with seven pre-built image animations. These subtle motion effects can help draw attention to key visuals and enhance the overall user experience without overwhelming the design.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n