- Add Eventful Carousel<\/strong> to the page and open Content > Carousel<\/strong>.\n
![\"Eventful](\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-carousel-v220@2x.webp\")
<\/a>Content > Carousel.<\/figcaption><\/figure>\n<\/li> - Pick a Carousel Mode<\/strong>: Standard<\/strong> (a row of cards), Center<\/strong> (Pro, the middle card is larger), Ticker<\/strong> (Pro, a strip that scrolls on its own, see Ticker<\/a>) or Multi Row<\/strong> (Pro, two or more rows that slide together).<\/li>
- Pick a Transition Effect<\/strong>. Standard and Center offer Slide, Fade (Pro), Coverflow (Pro), Cube (Pro) and Flip (Pro). Multi Row offers Slide and Coverflow.<\/li><\/ol>\n\n
Movement<\/h2>\n\n
- AutoPlay<\/strong> and AutoPlay Speed<\/strong>: how long each step waits, in milliseconds (default 3000).<\/li>
- Carousel Speed<\/strong>: how fast a slide moves, in milliseconds (default 600).<\/li>
- Pause on Hover<\/strong>, Infinite Loop<\/strong> and Carousel Direction<\/strong> (Right To Left or Left To Right).<\/li>
- Lazy Load<\/strong>: loads each slide image as it comes into view.<\/li><\/ul>\n\n
Columns, rows and slides to scroll per device<\/h2>\n\n
Open the Column<\/strong>, Row<\/strong> and Slides to scroll<\/strong> pop-overs (the pencil icon). Each has a value for Large desktop<\/strong>, Desktop<\/strong>, Tablet<\/strong>, Mobile Landscape<\/strong> and Mobile<\/strong>, for example 4, 3, 2, 1 and 1 columns. Rows apply to Multi Row mode. Columns margin<\/strong> sets the space between cards.<\/p>\n\n
Arrows and dots<\/h2>\n\n
- Scroll down to Navigation<\/strong>. Set Navigation visibility<\/strong> to Show, Hide or Hide on Mobile.\n
![\"Eventful](\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-carousel-nav-v220@2x.webp\")
<\/a>Navigation, Pagination and Additional Options.<\/figcaption><\/figure>\n<\/li> - Choose a Navigation Position<\/strong>: top left, centre or right, bottom left, centre or right, or vertically centred (outer, inner, or inner on hover). Pick the arrow style in Navigation Icon<\/strong>.<\/li>
- Under Pagination<\/strong>, set Pagination visibility<\/strong> and the Pagination Type<\/strong>: Dots or Number (Pro). Dynamic pagination<\/strong> keeps a long row of dots short.<\/li><\/ol>\n\n
Colours and sizes for the arrows and dots are in Style > Carousel<\/strong>. For Number pagination, Number Active Color<\/strong> and Number Active Background<\/strong> (Pro) set the current page number, so it stays readable on your brand colour.<\/p>\n\n
Touch, keyboard and screen readers<\/h2>\n\n
- Adaptive Carousel Height<\/strong>: the carousel takes the height of the visible cards.<\/li>
- Tab and Key Navigation<\/strong>, Touch Swipe<\/strong>, Mouse Draggable<\/strong> and Mouse Wheel<\/strong>: how visitors can move the carousel.<\/li>
- Accessibility Messages<\/strong>: the texts screen readers announce for the previous, next, first and last slide and for each dot. Translate them if your site is not in English.<\/li><\/ul>\n\n
Related articles<\/h2>\n\n
- Tab and Key Navigation<\/strong>, Touch Swipe<\/strong>, Mouse Draggable<\/strong> and Mouse Wheel<\/strong>: how visitors can move the carousel.<\/li>
- Choose a Navigation Position<\/strong>: top left, centre or right, bottom left, centre or right, or vertically centred (outer, inner, or inner on hover). Pick the arrow style in Navigation Icon<\/strong>.<\/li>
- Carousel Speed<\/strong>: how fast a slide moves, in milliseconds (default 600).<\/li>
- Pick a Carousel Mode<\/strong>: Standard<\/strong> (a row of cards), Center<\/strong> (Pro, the middle card is larger), Ticker<\/strong> (Pro, a strip that scrolls on its own, see Ticker<\/a>) or Multi Row<\/strong> (Pro, two or more rows that slide together).<\/li>