B Slider

  1. Home
  2. Docs
  3. B Slider
  4. Guides
  5. Configuration

Configuration

Settings/Configure

Select the block, you will see the settings option in the right sidebar. You can see there are 2 tabs for configuration: General and Style.

General Tab

B Slider- Two Panel
B Slider- Two Panel

Single Slide

You can change the title, description, and button content

B Slider- Input Content
B Slider- Input Content

Slide Add, Remove, and Duplicate

You can add a new slide, remove an old slide and duplicate the slide

B Slider- Add, Remove, Duplicate
B Slider- Add, Remove, Duplicate

Layout Settings

  1. Left and Right inner gap: You can set slide Left and Right gap.
  2. Slider Direction: You can set slider direction as Default/Vertical
  3. Slider Height: You can set the Slider Height according to the device.
  4. Content Position: You can set the slider Content Position.
  5. Arrow style: You can change the Arrow
B Slider- Layout Setting
B Slider- Layout Setting

Slider Options

  1. Animation/Effect: You can change the slider animation/effect.
  2. Auto Play: You can set the slider auto-play on/off.
  3. Show Arrow: You can show or hide the slider Arrow.
  4. Show Indicators: You can show or hide the slider Indicators.
  5. Slide On MouseWheel: You can set the slide MouseWheel.
  6. Arrow Follow Mouse: You can set the slide Arrow Follow Mouse.
  7. Slide on Mouse Drag: You can set the slide Mouse Drag.
B Slider- Slider Options Settings
B Slider- Slider Options Settings

Indicators

  • Type: You can set the type of the indicator Default/Image.
  • Position: You can set Indicator Position.
  • Direction: You can set the indicator Direction.
  • Move from the edge: You can set indicators to move or out.
B Slider- Indicators Settings
B Slider- Indicators Settings

Style Tab

Slider

From here you can change the Slider Overly Color, Margin, and Border-Radius.

B Slider- Slider Style
B Slider- Slider Style

Title

You can change title typography, color, padding, animation, delay, and duration.

B Slider- Title Style
B Slider- Title Style

Description

From here, you can change description typography, color, margin, animation, delay, and duration.

B Slider- Description Style
B Slider- Description Style

Button

You can change button typography, colors, hover colors, padding, border, radius, animation, delay, and duration.

B Slider- Button Style
B Slider- Button Style

Arrow

You can change arrow size, color, width, height, background, and border radius.

B Slider- Arrow Style
B Slider- Arrow Style

Indicators

You can change indicators’ width, height, radius, active border, style, color, and active color.

B Slider- Indicators Style
B Slider- Indicators Style
Was this article helpful to you?

How can we help?