Post Carousel (Divi)

Posts for Divi 5 in a Splide carousel, well beyond the built-in Post Slider: ten card skins, a synced thumbnail strip, a heading bar with “view all”, centre mode, peek, rows, marquee, fade and vertical modes, arrows in six places, dots, bars, numbers, a counter, progress bars and play / pause — and a Carousel ID so other scripts can drive it.

1. Latest stories with a heading bar

Classic cards, three at a time (two on tablets, one on phones) · a heading with a line to the edge and “View all” · arrows above on the right, sharing the heading’s row · dots.

2. Hero slides with a thumbnail strip

One Overlay slide at a time, fading · the thumbnail strip follows and drives it · autoplay every 5 s with the timer as a progress bar and a play / pause button · excerpt and read more on the image.

3. Centre mode with a peek

Glass cards · the active slide sits in the middle, the sides fade and shrink · 80 px of the next slides peek in at the edges · a click on a side slide brings it forward · bars for pagination · arrows show on hover.

4. Two rows of side cards

Side cards stacked two to a column, two columns at a time · arrows below with numbered pagination between them · a heading with an accent bar · Carousel ID “stories”.

5. Marquee

Standard text cards that move without stopping (paused on hover) — a ticker of headlines.

6. Finished design

Outbox cards on a dark page · arrows in the bottom-right corner, amber on hover · a counter (3 / 8) · the scroll position as a progress bar above · a tab-style heading · custom colours throughout.