How To Use The Prism Slider Widget By Prime Slider

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

Table Of Contents

How To Use The Prism Slider Widget By Prime Slider

The Prism slider presents a dignified post layout having a pristine background graphic and centered item image to drag the focus of your visitors on your product into your WordPress website. It’s a beast if you want your website go viral with the awesome Prism slider widget for WordPress.

Let’s explore the customizations now.

Inserting The Prism Slider widget

Inserting The Prism Slider widget

You can add this Prism Slider addon to WordPress by opening the page you want to use it on in Elementor and then dragging and dropping the Prism 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

Layout Section Customizations

Go to Content > Layout

Layout1 4 - BdThemes

From the Layout section, you can adjust the Height scrollbar to adjust the net height of all slides. The following switchers Show Title, Show Count, Show Preview Title, and Show Preview Text let you show/hide these elements from the Prism slider by turning those switchers on/off.

Sliders Section Customizations

Go to Content > Sliders

Step-1

Sliders1 7 - BdThemes

Here, you can easily add a Prism slider item by clicking Add Item button. Otherwise, you may increase the Items 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.

The options also let you customize all the Slider Image size and customize the Background Image Settings from single points.

Step-2

Sliders2 8 - BdThemes

Clicking on a slider item, you will get to change the Title, Title Link, and description Text to set up your slider items.

Step-3

Sliders3 4 - BdThemes

The slider Image option is the last thing you will find there. All slider items will provide the same set of options for customization.

Work With The Style Tab

Sliders Section Customizations

Go to Style > Sliders

Step-1

Sslider1 - BdThemes

In this section, you can change the Background Type and Background Color. The background is the visible area behind the image and other content around the slider image.

The section further expands into 3 subsections to customize the Image, Count, and Title separately.

For the image, you can change the maximum image Width, and set a Border Type, and Border Radius.

Step-2

Sslider2 - BdThemes

For the count number, you can change the Count Color, customize Typography, and configure Text Shadow. Also, the Spacing between the count and title can be adjusted.

Step-3

Sslider3 - BdThemes

From the Title sub-section, you will get to customize text Color, Typography, Text Stroke, and Text Shadow options.

Slide Modal Section Customizations

Go to Style > Slide Modal

Clickin on the tiny arrowhead below the slider image opens the image in Modal/Lightbox view. The Slide Modal section is responsible for customizing the content inside the modal window.

Step-1

Slide Modal1 - BdThemes

The first of the Four sub-sections lets you change the Overlay Type and Color for the Image.

Step-2

Slide Modal2 - BdThemes

For the Title, you can change the Bottom Spacing, text Color, Background Type, Border Type, Border Radius, and Padding. Here, you also configure the Typography and Text Stroke.

Step-3

Slide Modal3 - BdThemes

For Text, you can customize the Color, Max Width, and Typography.

Step-4

Slide Modal4 - BdThemes

In the Button sub-section, the options expand into Color settings, Border settings, Padding, Icon Size, Spacing, and Box Shadow. The color options are available for adding hover effects also.

Work with the Navigation Section

Go to Style > Navigation

Navigation 4 - BdThemes

The last section lets you change the Navigation Color, Hover Color, Margin, and Typography. You can also configure Text Shadow for the navigations if you like.

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

Video Assist

Video Coming Soon!

You can this visit the demo page to learn more about the Prism Slider widget.

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