How To Use The CrossRoad Slider Widget By Prime Slider

  • BdThemes
  • How To Use The CrossRoad Slider Widget By Prime Slider

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

slider item2 - BdThemes

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

slider item3 - BdThemes

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

slider item4 - BdThemes

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

Slider settings1 - BdThemes

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.

Slider settings2 - BdThemes

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

Style item1 - BdThemes

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.

Typography - BdThemes

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

Text Shadow - BdThemes

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

Style item2 - BdThemes

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

Step-3

Style item3 - BdThemes

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

Style item4 - BdThemes

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

Modal2 - BdThemes

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

Step-3

Modal3 - BdThemes

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

Modal4 - BdThemes

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.

Modal5 - BdThemes

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

Modal6 - BdThemes

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

Cursor - BdThemes

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.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge