Slider

Slider provides a dynamic carousel-style content display that allows users to browse through multiple slides or content panels.

Style settings

Properties
Description

Navigation icons

Icons position

Select placement of navigation controls:

  • Next to slide

  • Around progress

Background color

Set the background color for navigation buttons

Icon color

Define the color for the icons within navigation buttons

Previous icon

Upload a custom icon for the previous navigation button

Next icon

Upload a custom icon for the next navigation button

Progress bar

Active marker

Set the color for the indicator representing the current slide

Inactive marker

Set the color for indicators representing other slides

Height

Adjust the height of progress markers

Width

Set the width of progress markers

Margin between marks

Define spacing between progress indicators

Progress paddings

Set spacing around the progress indicator area

Hover

Hover color

Define the color that appears when users hover over interactive elements

Effects

Buttons shadow

Add and configure shadow effects for buttons in sliders:

  1. Click the "+" icon to add shadow effects.

  2. Select from shadow styles: None, Soft, Regular, or Retro.

Typography settings

The Typography tab allows you to configure the appearance of numbering in sliders. Adjust the following properties using rich-text:

  • Font

  • Style

  • Size

  • Line spacing

  • Color of numbers

For details on how to configure parameters in rich-text options, see Typography and fonts.

Last updated

Was this helpful?