Slider

Use Slider to display multiple content panels in a carousel.

Content settings

Setting	What it controls
Blocks	Add, remove, reorder, and edit slides.
Slide content	Elements nested inside each slide.
Slide settings	Per-slide settings when available.

Style settings

Style area	What you can adjust
Blocks	Width, height, and padding.
Slide design	Alignment and gap between slides.
Arrows design	Arrow width, color, padding, background, border, radius, and hover state.
Pagination dots	Dot width, height, color, active color, and spacing.
Responsive layout	Slide sizing and spacing per device.

Best practices

• Avoid placing too much text in each slide.
• Test arrows and dots on mobile.
• Avoid nesting sliders inside sliders.

Testing notes

• Click through every slide after adding, deleting, or reordering blocks.
• Check arrow and pagination dot contrast against the slide background.
• Preview mobile behavior to confirm slide width, gap, and nested content remain usable.

FAQ

When should I use the Slider element?+

Use it when related panels, offers, testimonials, images, or feature cards should share one carousel area instead of taking up a long vertical section.

What should I configure before publishing a slider?+

Review the slide blocks, nested content, slide width and height, padding, alignment, gap, arrow styles, pagination dots, and responsive sizing.

Can I place other elements inside slider slides?+

Yes, slides can contain nested content. Keep the nested layout simple and avoid placing another slider inside a slide because it can make navigation confusing.

What should I check if visitors cannot move between slides?+

Confirm arrows and dots are enabled and visible, test tap targets on mobile, and make sure no overlapping element or custom spacing blocks the controls.