The “Remote Arrows Widget” allows you to control other widgets for free in WordPress Elementor websites. Easily connect it with sliders, carousels, or interactive elements to enhance navigation and user experience. Customize the arrow design, positioning, and styling to create seamless and advanced interactive layouts.
Let’s explore the features of the “Remote Arrows Widget” below.
Step 1: Choose Any Widget from Unlimited Elements Widget Library
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: This screen shows you general settings in any widgets that you choose to connect.
A full list of widgets the Remote Arrows can connect to you can be found in the link below.
Step 2: Add Free Remote Arrows for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Remote Arrows”
- Hover over the widget in the search results and click install
- Add your “Remote Arrows” widget to any Elementor Page
General Settings in Elementor Remote Arrows
Remote Parent Name
Connect with the widget you want to control using the Remote Arrows.
You can stay in Auto the widget will automatically connect.
Or you can choose the First- Fourth options: you need to choose the same number in 2 places- in a widget that you choose to use and in the Remote Arrows
You can also give a custom name for your convenient use.
In most cases, you do not need to change this setting from Auto Detectable.
Alignment
Set the alignment for remote arrows:
- Start
- Center
- End
Show Previous
Show/Hide the previous arrow icon.
Previous Icon
Choose the icon for previous arrow.
Show Next
Show/Hide the next remote arrow icon.
Next Icon
Choose the icon for next arrow.
Direction
Select the direction from the dropdown list.
- Row
- Row Reverse
- Column
- Column Reverse
Button Gap (px)
Set the gap between arrow button.
Labels Settings in Elementor Remote Arrows
Show Label
Show/Hide the labels in arrows.
Previous Label
Type custom text for previous label.
Next Label
Type custom text for next label.
Button Direction
Select the button direction from the given options.
- Row
- Row Reverse
- Column
- Column Reverse
Label Spacing (px)
Set the spacing between arrow icon and label.
Elementor 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 in Elementor Remote Arrows
Style the button typography, background, width, height, border, color, etc.
Button Icon Styling in Elementor Remote Arrows
In this section, you can style the button icon color and size.
Button Hover Styling in Elementor Remote Arrows
You can style the button hover color, border, button shadow, and hover animation.
Overrides Styling in Elementor Remote Arrows
Here, you can style the color, icon color, and background color for previous and next button.
Overrides Hover in Elementor Remote Arrows
Style the color hover, icon color hover, and background hover color for previous and next button.
Usage Examples of Elementor Remote Arrows
Here are some live usage cases of Remote Arrows widget.
Free Elementor Remote Arrows with a Card Carousel and a Remote Counter.
Free Elementor Remote Arrows with Remote Item Navigation and a Remote Counter.
Thank you for using the Remote Arrows Widget for Elementor! With its interactive design and easy customization, this is the best Remote Arrows Widget for Elementor, perfect for adding navigation or directional cues to your website in an engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
