Slider
Slider provides a dynamic carousel-style content display that allows users to browse through multiple slides or content panels.
Style settings
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:
Click the "+" icon to add shadow effects.
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
Last updated
Was this helpful?