Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How To Use The CrossRoad Slider Widget By Prime Slider

The Crossroad Slider widget is the craziest-looking slider you will ever find owned by the Prime Slider plugin. Now you can display slider posts in a marveled way using a totally new concept of art. So, let’s get started with it.

Inserting the CrossRoad Slider widget

Inserting the CrossRoad Slider widget

You can add this Prime Slider addon to WordPress by opening the page you want to use it on in Elementor and then dragging and dropping the CrossRoad slider widget into that page. Please note that you need both Elementor and Prime Slider installed before you can use this widget.

Work With The Content Tab

Customization Of Slider Items Section

Step-1

Customization Of Slider Items Section

Go to the Content > Slider Items

In this section, you can easily add a slider item by clicking Add Item button. Otherwise, you can easily increase your Item by clicking the Duplicate Sign symbol and you can also decrease/remove your item by clicking the cross sign as shown in the screenshot above.

Step-2

Let’s click the 1st slider item. In Items Mode, you are able to change The Title, Meta Text, and you can set your slider Image as your wish.

Step-3

In Modal Mode, you can edit the Modal Title, Meta Text, and Button Text as your working demand. Here you also set a Link under the Button. The modal window appears upon clicking any slider item and expanding it for detail.

Step-4

In Modal mode, you can add the Excerpt and set a different Image as Modal as your wish.

In the same process, you can customize the other item like the first one.

Slider Settings Section Customization

Go to the Content > Slider Settings

In the Slider Settings section, you can adjust the Item Height and Item Gap as your wish. The Alignment option works on the text content so you can easily select the best text position on the Crossroad Slider.

Then you will get the Show Title, Show Meta Text, Show Excerpt, Show Button, and Show Number switchers which you can turn on/off to show/hide these elements from the slider.

Work With The Style Tab

Items Section Customizations

Step-1

Go to Style > Items

In the Items section, you can change the Background Type(Classic, Gradient), Background Color, and Rotate the image items and Title as your wish on the Crossroad slider.

Below, the options are separated into 4 subsections. For the Title, you can edit the text Color, Typography, Text Shadow, and Text Stroke (adds Text Stroke effect to your Title).

You will get an additional Title Rotate option to make your design more diversified.

The Typography option consists of Font Family, Size, Weight, Transform, Style, decoration, Line Height, Letter Spacing, and Word Spacing options.

The Text Shadow option lets you customize the shadow Color, Blur, and Horizontal & Vertical offsets. Text Shadow gives you the feeling of Like 3D effects on your eye.

Step-2

In the Meta subsection, you can easily customize the Meta Text Color, and Line Color, and also set the Typography and Margin.

Step-3

In Number subsection, you will get some options to change the Stroke Color, Fill Color and adjust the Stroke Width as your working demand. Additional Margin and Typography options are available too for the numbers of the Crossroad slider.

Step-4

In Image subsection, you can change the Border Type, Border Radius, and customize the CSS Filter, along with the Image Size option.

Style The Modal Section

Step-1

Style The Modal Section

Go to the Style > Modal

Come to the Modal Section, here you can customize the Background Type, Background Color, Header padding, and Content Padding for the Modal window.

Like before, the rest of the options are divided into 4 subsections.

The Title subsection lets you customize the text Color, Typography, Text Shadow, Text Stroke, and Stroke Width of the modal title of the Crossroad slider.

Step-2

Then in Meta subsection, you can customize the Text Color, Line Color, Margin, and Typography options.

Step-3

In Text Mode, you can easily change the Text Color as your wish. Also, adjust the Margin and Content Width for showing your text content in a fixed range, and also set the Typography like before.

Step-4

In the Button subsection, the options are spread into two modes.

In Normal mode, you can customize the Button Text Color, Background Type, and Background Color. Note that you can add an Image as the button Background from the options. Here you also get some similar options as before.

In Hover Mode, you will get a similar set of controls to modify the appearance of the Button section like normal mode. Here you can select the best Animation Effect for the button.

Step-5

In Image subsection, you can adjust the Modal Image Height as your wish. Also, edit the CSS Filter and set the Image Size.

Cursor Section Customizations

Go to the Style > Cursor

Here you can select the Cursor Type (Dark, and White).

All done! You have successfully customized the CrossRoad Slider widget on your website.

Video Assist

You can watch this quick video to learn more about the slider or go visit the CrossRoad Slider demo page for 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 14-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 further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge