How To Use

Editor View

After adding the Content Slider Block, select the block you will see the settings in the sidebar. How sidebar settings will appear for a block.

There are three tabs to configure the Content Slider Block, General, Options, and Style.

General Settings

In your sidebar settings, you will see the General tab is selected, if not select the General tab. Then you will see bellow options.

Add/Remove Slides

First, add or remove the slides from the settings. To add a slide click on + Add New Slide button. You can see all the slides.

In a single slide, you can change the Background, Border, Content Position(also can set the position by dragging the element), Title, Title Color, Description, Description Color, Button Text, Button Link, Button Colors(text and background), Button Hover Colors(text and background).

Also, you can Remove or Duplicate the slide.

Layout

In layout, you can set the Column count with different devices for responsiveness, and change the gap between the column.

Also, you can change the width and height of the slider.

Options

Select the Options tab. Then you will see bellow options.

Basic Options

For basic options enable/disable Loop, Touch Move, and set the Speed.

AutoPlay

Enable Autoplay to play the slider without any interaction. Also can set autoplay options. You can set the Delay, enable/disable Interaction, Pause on Mouse Enter, Reverse Direction, and Stop on Last Slide.

Fee Mode and Effects

Free Mode

To smooth scrolling with dragging enable Free Mode.

Note: You have to enable Touch Move from Basic Options to use Free Mode.

Effects

From Effects, you can set different effects for the slider. Such as Slide, Fade, Cube, Creative, Vovreflow, Flip. and Cards.

Keyboard and Mousewheel Control

Enable Keyboard Control to slide using the arrow key.

To slide on the mouse wheel, enable the Slide on Mousewheel option.

Pagination and Navigation

Pagination

Show the Pagination to control the slider using pagination. You can show/hide the pagination on the tablet or mobile device also.

You can enable/disable Clickable and Dynamic Bullets for the pagination.

Navigation

To show Preview and Next buttons on the slider, enable Show Preview Next Button from the Navigation panel. Also, can show/hide the navigation on the tablet or mobile device.

Styles

Select the Style tab. Then you will see bellow options.

Slider

Change the Background and Padding of the slider from here.

Options

For Options, set Pagination Bullets Color, Width, Height, and Border, and also set Preview Next Button Color.

Title and Description

Show/Hide the Title and Description and change their Typography.

Button

Show/Hide the Button of the slider. Enable the Open link in new tab to option the target link in the new tab.

Also, change the Typography, Padding, and Border of the Button.