fbpx

Birthday Sale Starts Now!

Days
Hrs
Min
Sec

Remote Arrows

The Remote Arrows widget can be used to connect with other widgets and control them. In this article you will learn how to use the Remote Arrows widget on your website and use it to create advanced interactive layouts.

Add Widget to Connect #

In order to start using the Remote Arrows widget, you will first have to decide what widget you want to control with Remote Arrows widget. Remote Arrows widget can connect to a variety of widgets from Unlimited Elements widget library. Add a widget that supports remote control to the page and enable remote connection, so that the widget will be able to connect with the Remote Arrow widget.

Note: the setting above is in the Widget you want to connect to and not in the Remote Tabs widget itself. A full list of widgets the Remote Tabs can connect to can be found in the link below.

Install Remote Arrows Widget for Elementor #

This widget requires Unlimited Element Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Remote Arrows”
  3. Hover over the widget in the search results and click install
  4. Add your “Remote Arrows” widget to any Elementor Page

General Settings #

1
Remote Parent Name

Connect with the widget you want to control using the Remote Arrows. In most cases you do not need to change this setting from Auto Detectable.

2
Alignment

Set the alignment for remote arrows:

  • Start
  • Center
  • End
3
Show Previous

Show/Hide the previous arrow icon.

4
Previous Icon

Choose the icon for previous arrow.

5
Show Next

Show/Hide the next remote arrow icon.

6
Next Icon

Choose the icon for next arrow.

7
Direction

Select the direction from the dropdown list.

  • Row
  • Row Reverse
  • Column
  • Column Reverse
8
Button Gap (px)

Set the gap between arrow button.

Labels Settings #

1
Show Label

Show/Hide the labels in arrows.

2
Previous Label

Type custom text for previous label.

3
Next Label

Type custom text for next label.

4
Button Direction

Select the button direction from the given options.

  • Row
  • Row Reverse
  • Column
  • Column Reverse
5
Label Spacing (px)

Set the spacing between arrow icon and label.

Remote Arrows Styling #

A variety of styling options allow you to control every design aspect of the widget. You can customize the colors to match your site’s aesthetic. Customize the colors, typography, and layout to make the widget look and work exactly how you want it.

Button Styling #

Style the button typography, background, width, height, border, color, etc. 

Button Icon Styling #

In this section, you can style the button icon color and size.

Button Hover Styling #

You can style the button hover color, border, button shadow, and hover animation.

Overrides Styling #

Here, you can style the color, icon color, and background color for previous and next button.

Overrides Hover #

Style the color hover, icon color hover, and background hover color for previous and next button.

Usage Examples #

Here are some live usage cases of Remote Arrows widget.

Its Our Birthday

Sale!

Save up-to 50% off!

Limited Time Offer Ends Soon

Days
Hrs
Min
Sec

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!