Slideshow (Nested)

The nested Slideshow section creates a responsive carousel that supports nested content blocks within each slide. It enables users to combine visual media (images or videos) with structured content (e.g. headings, text, buttons) layered on top. Designed to be flexible and immersive, it includes support for layout customization, color schemes, autoplay behavior, and responsive heights for both desktop and mobile.

Settings
Type
Description

Transition style

select

Determines the slide transition effect: Slide, Fade, Zoom out, or Wipe.

Show navigation arrows on hover

checkbox

Displays left/right arrows when the user hovers over the slideshow.

Autoplay

Auto-rotate slides

checkbox

Enables automatic cycling of slides.

Change slides every

range

Interval between automatic slide changes.

Layout

Width

select

Sets section width: Full width or Full width with padding.

Desktop

Height

select

Controls slideshow height on desktop. Options include screen ratios and fixed pixel heights.

Mobile

Height

select

Controls slideshow height on mobile devices. Mirrors the desktop height options.

Colors

Color scheme

color_scheme

Applies a predefined color scheme to the content within the section.

Padding

Top

range

Adds spacing above the section.

Bottom

range

Adds spacing below the section.

Last updated