Fraud Blocker

Table Of Contents

How To Use The Remote Pagination Widget By Prime Slider

The Remote Pagination widget can be used on any kind of carousel or slider widget to make it replace the primary navigation of the target and let both site designers and visitors experience remote navigational features.

Let us explain the details of this widget.

Inserting a Slider widget By Prime Slider

As a remote-type widget, Remote Pagination requires a base slider or carousel widget to work on. In that case, we can simply drag and drop any slider/carousel widget on the page and hook it up with the remote widget.

insert1 2 - BdThemes

For that, please open the page you want to use the remote widget in Elementor and then drag and drop the slider widget into that page. Here, we are using Mercury Slider to perform the remote features over it. Please note that you need both Elementor and Prime Slider installed before you can use this widget.

insert2 1 - BdThemes

After Inserting the Mercury Slider widget, you can either go for customizations to the slider or just skip to the next part.


cssid1 1 - BdThemes

Go to Advanced > CSS ID on the Mercury Slider and set a CSS ID name like EX: ‘Remote’ as seen in the Advanced section. Copy this CSS ID for further usage.

Insert The Remote Pagination Widget

insert3 3 - BdThemes

Search and drag-n-drop the Remote Pagination widget on the target page where you want to add the remote features.

pagination 3 - BdThemes

After inserting the widget, you would have to enter the Remote Pagination Carousel CSS ID in the marked field to hook the widget up with the slider/carousel.

Just paste the CSS ID of the slider that you copied earlier from the slider Advanced tab. Now, they are both hooked and ready to function accordingly.

Let’s Work With The Content Tab

Remote Pagination Section Customizations

Go to Content > Remote Pagination.

remote pagination - BdThemes

You already configured the Remote Carousel ID and the Slider/ Carousel Loop Status works by syncing with the loop option of the target slider or carousel. Make sure to turn it off in case loop is turned off on the target.

Item Section Customizations

item 3 - BdThemes

Go to Content > Items.

Here, you can change the numbering matrix of the remote pagination by adding more numerical values within each number field. (i.e. 5 > 005)

Work With Style Tab

Customize Of The Remote Pagination Section

Go to Style > Remote Pagination.

style1 - BdThemes

Here you will find all sorts of options like Alignment for the numbers, Spacing to adjust the gaps between them, Typography to customize the number font, Border Type, Border Width, Border Color, and Border Radius options to customize the border.

style2 - BdThemes

Below, you will find options like the Pagination Color, Background Type(Classic or Gradient), Background Color, Height, Width, and Box Shadow. You can customize all these options for both Normal and Active modes.

All done! You have successfully customized the Remote Pagination widget on your website.

Feel free to visit the demo page for more design examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.

Our supported payment system and security badge