Advanced Slide

Advanced Slide holds the content of one slide in Advanced Slider. Style its background and arrange its children independently of the slider's navigation.

Add and configure Advanced Slide

1. Click Add, choose Advanced Slide, and place it in the container.
2. Select the Advanced Slider parent and add an Advanced Slide.
3. Add the slide's content as children.
4. Configure Design > Background, Layout, and Spacing.
5. Save your changes.

Place the element correctly

Advanced Slide must be a direct child of Advanced Slider, CoolSlider. Select that parent before adding or moving this element.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Design > Background

Setting	Purpose and options	Behavior
Background	background controls.	See linked controls

Design > Layout

Setting	Purpose and options	Behavior
Advanced > Flex Direction	column, row, column-reverse, row-reverse. When: Layout is set.	Responsive

Shown when Layout is set and Flex Direction is set.

Setting	Purpose and options	Behavior
Advanced > Align Items	flex-start, center, flex-end, stretch, baseline.	Responsive
Advanced > Justify Content	flex-start, center, flex-end, space-between, space-around, space-evenly.	Responsive
Advanced > Flex Wrap	wrap, nowrap, wrap-reverse.	Responsive
Advanced > Align Content	flex-start, center, flex-end, space-around, stretch, space-evenly.	Responsive
Advanced > Gap	Space between items.	Responsive

Setting	Purpose and options	Behavior
Align Children	Left, Center, Right. When: Layout is set and Flex Direction is unset.	Responsive
Vertical Align Children	Top, Middle, Bottom. When: Layout is set and Flex Direction is unset.	Responsive

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is unset.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting