Naive Carousel: Side by Side Post Cards Where the Title Gets the Room

October 26, 2026
·
Shahidul Islam
Naive carousel showing horizontal post cards with image beside the text

A stacked post card gives the title about two lines. The image takes the top, the category takes a line, the date takes another, and whatever is left is where a real headline has to fit. Anything longer wraps to three lines and the row goes ragged.

The naive carousel turns the card on its side. The image sits on one side, the text on the other, vertically centred against it. That single change gives the title the full height of the card to use instead of the strip under a photograph, which is why long editorial headlines survive here and get truncated elsewhere.

It is a free widget on the shared query builder, so the row is your real posts and it stays current on its own.

Naive carousel showing horizontal post cards with image beside the text
Each post is a horizontal card: image on one side, title and excerpt beside it

Where a naive carousel fits

  • A news or announcements band. Headlines are the content, and this shape gives them room.
  • A guides or resources strip. Long descriptive titles are the norm, and they stay readable.
  • A related-reading row under an article. Two wide cards say more than four narrow ones.
  • A podcast or interview series. Episode titles run long and the horizontal card absorbs that.
  • A jobs or listings row. Role, location and a short line sit naturally beside a photograph.
  • A footer band. One or two wide cards close a page better than a grid of small ones.

Why it beats the usual approach

Stacked post cardA plain link listNaive carousel
Room for the titleTwo lines under the imageAll of itThe full card height
Image sizeFull card widthNoneHalf the card
Reads at two columnsCrampedFineDesigned for it
Excerpt spaceLittleNoneReal
Call to actionRarelyNoA read more button

The features that matter

The card is horizontal by design. Image beside content, with the text block vertically centred against the picture, so a short title and a long one both sit correctly rather than one floating at the top.

Two content layouts. The layout switch changes the card structure, which is what lets the same widget work at one wide column and at three narrower ones.

A read more button with its own section. Unlike the plainer post cards in the plugin, this one has a dedicated read more control group, so the card can carry a real call to action rather than relying on the title being clickable.

The author has a place. The card can show an author thumbnail and name beside the date, which matters on a multi contributor blog.

Columns are per breakpoint. The column control feeds the slider directly, so desktop, tablet and phone are three separate decisions rather than one number scaled down.

The item is genuinely unpadded by default. There is no baked in inset fighting your spacing, so the padding control starts from zero and does exactly what it says.

Naive carousel cards with the excerpt and read more button showing
Left: the text block centred against the image, not pinned to its top. Right: the read more button in place

How to build it

  1. Drop the widget in and open Query. Set the post type and terms before touching presentation.
  2. Set columns. One or two on desktop is the natural range for a sideways card; three starts to squeeze the text half.
  3. Pick the content layout and look at both. They are different structures, and which reads better depends on your image ratio.
  4. In Additional, decide on the category, author, excerpt and date, and set the excerpt length. There is room here, so twenty five to thirty words is reasonable.
  5. Open Read More and set the button text and styling, or switch it off if the whole card is the link.
  6. Set item padding and the card background together. The padding only shows as an inset when there is a fill behind it.

Why it works

The shape follows the content. Editorial titles are long, and a layout that gives them two lines under a photograph is a layout that will truncate half of them. Turning the card sideways trades image area for text area, which is the right trade whenever the words are doing the selling.

Two wide cards also beat four narrow ones for scanning. A reader takes in a row by reading titles, and two readable titles are worth more than four clipped ones.

The card shape should follow the content, not the other way round. If your titles are long, stop making the title box smaller.

Every slide is a permalink to a real post, so the row adds internal links rather than decoration, and the read more button gives the card a second, explicit target.

Vertical centring is the detail that makes the shape work. The text block is centred against the image rather than pinned to the top, so a two line title and a six line title both sit correctly beside the picture instead of one floating at the top with a gap beneath it. It is the difference between a card that looks designed and one that looks like two columns that happen to be next to each other.

The read more section is worth using rather than switching off. A horizontal card is wide enough that the title alone is a small target, and an explicit button gives the reader something to aim at. It has its own text and styling controls, so it can say what the link actually leads to rather than repeating the widget’s default.

Getting it right

  • Keep the column count low. One or two on desktop. This card is designed to be wide, and squeezing three across defeats the reason to use it.
  • Use landscape featured images. The image half is roughly square to landscape, so a tall portrait crop will lose its top.
  • Let the excerpt be a real excerpt. The space exists, so a five word excerpt wastes the shape.
  • Give the item a background before setting padding. Without a fill, padding reads as extra gap rather than as an inset.
  • Check one column on a phone. A sideways card at 390 pixels can become two cramped halves; some sets read better with the image off at that breakpoint.
  • Pick a registered image size. Half a card is still a large image slot.
  • Set the naive carousel column count before styling anything. Every spacing decision inside the card depends on how wide the card ends up, so choosing columns last means redoing the padding.
Naive carousel at a different column count
The same row advanced by one: two wide cards rather than four narrow ones

What else it can carry

The card is post shaped rather than blog shaped, so a jobs post type renders with a photograph, the department as the label, the role as the title and a short summary beside it. A property type renders the same way with the area as the label.

It also works as a compact archive row in a sidebar or a narrow column, where a grid would produce cards too small to read and a plain list would lose the images entirely. A naive carousel at one column in a 400 pixel sidebar still shows a usable thumbnail and a full title, which is the combination that a stacked card in the same space cannot manage.

The video settings group extends it further. With the play overlay on, a mixed archive shows at a glance which entries are films and which are articles, and the horizontal card gives the title beside the thumbnail enough room to say which is which.

For the same content in a static layout, the plugin ships list and grid siblings on the same query builder, so a landing page row and an archive can share one design. Alongside those, a showcase flow suits a feature strip and a timeline suits content where the order is the story.

Naive carousel on a desktop and a phone screen
On a phone the card keeps its horizontal shape at one column

Naive carousel: common questions

Is the naive carousel free?

Yes. It is a widget in the free Sky Addons plugin, including the query builder, both content layouts and the read more section.

Does it need another plugin?

No. Elementor and Sky Addons are enough. It reads whatever post types your site already registers.

Will it slow the page down?

It loads one image per visible card and uses the slider library shared across the plugin, so a second carousel on the same page costs almost nothing extra.

Does it work on mobile?

Yes. Columns, alignment and spacing are per breakpoint. Check the sideways card at 390 pixels, since that is where the two halves are tightest.

Can it show the author?

Yes. The card can carry an author thumbnail and name next to the date, alongside the category label and the read more button.

The short version

The naive carousel lays each post out sideways, image beside text, with the content vertically centred and a read more button of its own. It gives long titles the room a stacked card never has, it runs off a query, and it is free.

Build it

See it running on the Naive Carousel demo, then read the control reference in the Naive Carousel documentation. It is part of the free plugin: see what else is included on the free versus Pro page, and the plans on pricing.

Written by
Shahidul Islam
Writes about the work behind the widgets — what shipped, why, and what it cost.
Share
In this post

More from the journal

Mate Carousel: A Post Row That Still Reads at Six Across

Mate Carousel: A Post Row That Still Reads at Six Across

The Mate Carousel runs a post row at one to six columns with two card layouts, driven by a query. Free, responsive per breakpoint, and no hand editing.
Sapling Carousel: Equal Height Post Cards That Hold Their Line

Sapling Carousel: Equal Height Post Cards That Hold Their Line

The Sapling Carousel keeps every post card the same height whatever the titles do, with two layouts and a query builder behind it. Free with Sky Addons.
Naive Carousel: Side by Side Post Cards Where the Title Gets the Room

Naive Carousel: Side by Side Post Cards Where the Title Gets the Room

The Naive Carousel lays each post out sideways: image on one side, title and excerpt on the other, with a read more button. Query driven and free.

Comments are closed.