Remote Carousel Controls: Move the Arrows Anywhere on the Page

October 25, 2026
·
Shahidul Islam
Remote carousel controls driving a slider from another column

Every carousel widget puts its arrows in the same two places: floating over the slides, or centred underneath. That is fine until the design says otherwise. A magazine layout wants the arrows in the headline column, beside the section title. A product row wants the dots in the opposite corner. A full-bleed slider wants nothing on top of the image at all.

Remote carousel controls take the navigation out of the slider. Three separate widgets, each one a controller with no slides of its own, each pointing at a carousel somewhere else on the page. You place them like any other widget, in any column, and they drive the target.

They are Sky Addons Pro widgets, and they work with the carousels already in the plugin.

Remote carousel controls placing arrows in the heading row
A thumbnail strip placed beside the cards it drives, rather than inside the slider

Where remote carousel controls fit

  • A section header row. Title on the left, arrows on the right, carousel underneath. The most requested magazine layout there is.
  • A full-bleed image slider. Nothing should sit over the photographs, so the dots live in a text column above.
  • A two-column feature block. Copy on one side, carousel on the other, and the arrows under the copy where the reader already is.
  • A testimonial band. Thumbnails of the people speaking, placed as a strip, driving the quote carousel beside them.
  • A product gallery. A vertical thumbnail rail on the left, the main image on the right, exactly the pattern shoppers expect.
  • A sticky sidebar. Controls that stay in view while a long carousel scrolls past.

Why it beats the usual approach

Built-in slider arrowsCustom CSS to move themRemote carousel controls
Where they can goOver or under the slidesAnywhere the parent allowsAnywhere on the page
SetupTogglePositioning rules and testingPlace a widget, name the target
Survives a layout changeYesRarelyYes
StylingThe slider’s controlsYour rulesFull widget style tabs
Works across columnsNoNoYes

The middle column is what most people actually do, and it is the one that breaks. Absolute positioning pulled out of a slider is a rule that holds until the section gains a new row.

The features that matter

Three widgets, one model. Remote Arrows renders prev and next. Remote Pagination renders bullets or a fraction. Remote Thumbs renders a thumbnail strip. All three take a target and drive it.

The target is a selector. Point the controller at the carousel by its selector or carousel id, and the two are linked. Nothing has to be nested, adjacent or inside the same container.

Arrows carry text as well as icons. Prev and next take an icon each, plus optional text, so a controller can read “Previous story” rather than being a bare chevron. Both get their own hover animation.

Pagination is not just dots. Bullets or a fraction, with controls for bullet shape and spacing, so the same widget covers a dense set and a set of four.

Thumbs pull their images from the target. The thumbnail strip reads the slides of the carousel it drives, so there is no second gallery to keep in sync. It is its own small slider, linked through the library’s thumbnail mechanism.

Full style tabs, normal and hover. These are ordinary widgets, so the controller gets the same styling depth as a button rather than the handful of options a slider exposes for its own arrows.

Remote carousel controls as pagination and as a thumbnail strip
Left: numbered pagination above and beside its carousel. Right: a thumbnail strip at the section edge

How to build it

  1. Build the carousel first and give it a clear identity. The controller needs something to aim at, so set the carousel id or note its selector.
  2. Drop a Remote Arrows, Remote Pagination or Remote Thumbs widget wherever the design wants it. It can be in another column, another container, or above the carousel entirely.
  3. In the controller’s Layout section, paste the target selector or carousel id.
  4. For arrows, set the prev and next icons, add text if the design calls for it, and pick a hover animation.
  5. For pagination, choose bullets or fraction, then set the bullet shape and spacing to match the section.
  6. Preview and click. If nothing moves, the selector is the first thing to check, since a controller with no valid target renders quietly and does nothing.

Why it works

The controller is a pure controller. It renders links or bullets and hands the instruction to the slider through the Swiper API, which is the same mechanism the slider’s own arrows use. There is no duplicated slide data, no second copy of the content, and no synchronisation to maintain.

That is also why the pattern survives redesigns. Moving the arrows is moving a widget, which is a layout operation Elementor already understands, rather than a positioning rule that has to be re-derived every time the section changes.

The arrows belong where the reader’s eye already is. On most layouts that is not floating over the image.

Because the widgets are ordinary widgets, they inherit responsive visibility too: a thumbnail strip can be shown on desktop and hidden on a phone, where a row of small images is hard to hit accurately.

There is a second reason remote carousel controls are worth reaching for, and it is about how a section is read rather than how it is built. Arrows that float over a photograph compete with the photograph. Dots centred under a slider sit in the gap between two sections, where nothing else is happening and the eye has already moved on. Putting the control in the heading row, beside the title, places it where the reader is already looking when they decide whether the section is worth their time.

The three remote carousel controls widgets also make a section honest about what it holds. Remote pagination showing a fraction tells a visitor there are nine items before they click anything. A thumbnail strip goes further and shows them what the nine are. Both turn a carousel from something a visitor has to explore into something they can assess, which is the whole argument for taking the controls out of the slider in the first place.

Getting it right

  • Give every remote carousel controls target a unique identity. Two carousels of the same type on one page is the usual reason a controller drives the wrong one.
  • Keep remote carousel controls near the carousel they drive. Arrows a full section away are a puzzle, not a control.
  • Turn the slider’s own navigation off. Otherwise the section carries two sets of arrows, which is worse than either.
  • Make the hit area generous. A bare chevron at 16 pixels is hard to click and much harder to tap.
  • Check keyboard and focus. Controls that move away from the slider should still be reachable in a sensible order.
  • Hide thumbnails on small screens when they crowd. A strip of eight thumbnails on a phone is usually two rows of guesswork.
Remote carousel controls rendered as numbered squares
The same controller rendered as squares under a different carousel

What else they can carry

The three widgets combine. A product gallery can take Remote Thumbs on the left as a vertical rail and Remote Arrows above the main image, leaving the carousel itself completely clean.

A sticky column is another good use. Put the controller in a sticky container beside a tall carousel and the navigation stays in reach while the slides scroll past, which is hard to do with controls that live inside the slider.

They also make an existing section better without a rebuild. A testimonial widget row gains a thumbnail strip of the speakers, and a showcase flow section can move its arrows up into the title row where there is already space for them.

Remote carousel controls driving a slider from below the row
Arrows placed under the row instead of over it, still driven by the selector

Remote carousel controls: common questions

Are remote carousel controls free?

No. The three remote carousel controls widgets are part of Sky Addons Pro. The carousels they drive include free ones, but the controllers themselves are Pro.

Do they need another plugin?

No. Elementor and Sky Addons Pro are enough. They drive the carousel widgets already in the plugin.

Will they slow the page down?

Barely. A controller renders a few links or bullets and calls the slider that is already on the page. There is no second set of slides and no extra query.

Do they work on mobile?

Yes. They are ordinary widgets, so they take the same responsive visibility and spacing controls as anything else, which is how a thumbnail strip gets hidden on a phone.

Can one controller drive two carousels?

No. A controller points at one target. For two carousels, use two controllers, and make sure each target is uniquely identified.

The short version

Remote carousel controls are three Pro widgets that take a slider’s navigation out of the slider: arrows, pagination and a thumbnail strip, each placed anywhere on the page and pointed at a target by selector. The layout stops dictating where the controls go.

Build it

See them running on the Remote Arrows demo, the Remote Pagination demo and the Remote Thumbs demo, then read the Remote Arrows documentation. They are Pro widgets: see the split 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

Generic Grid: A Post Grid That Pages Itself Instead of Hiding the Rest

Generic Grid: A Post Grid That Pages Itself Instead of Hiding the Rest

The Generic Grid turns any query into a paginated Elementor post grid: image, category, title, excerpt and a date badge, with real pagination. Free.
Remote Carousel Controls: Move the Arrows Anywhere on the Page

Remote Carousel Controls: Move the Arrows Anywhere on the Page

Remote carousel controls put a slider's arrows, dots or thumbnails anywhere on the page. Three Pro widgets drive any Sky Addons carousel by selector.
Generic Carousel: One Post Carousel That Fits Whatever You Publish

Generic Carousel: One Post Carousel That Fits Whatever You Publish

The Generic Carousel turns any query into an Elementor post slider: image, category, title, excerpt and a date badge, with seven groups of controls. Free.

Comments are closed.