Basic Slider displays slides configured through a repeater, with shared slide, typography, and button styling. Use it for a small set of image-led messages.
Click Add , choose Basic Slider , and place it in the container.
Populate Content > Content > Slides with each slide's content.
Choose Title HTML Tag for the slide headings.
Configure Design > Size , Slider , Slide , Typography , and Button .
Save your changes.
Basic Slider controls in the Breakdance editor
This element has no children; use its own controls.
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.”
Content > Content
Setting
Purpose and options
Behavior
Slides
Add, edit, remove, and reorder slides.
Shared
Slides > Background > Image
WordPress media.
Shared
Slides > Background > Lazy Load
On/off.
Shared
Slides > Background > Size
Registered WordPress or custom image size. When: Image is set.
Shared
Slides > Background > Alt
Enter the alt.
Shared
Slides > Background > Overlay
Color or supported fill.
Shared
Slides > Background > Color
Color or supported fill.
Shared
Slides > Title
Item title.
Shared
Slides > Text
Visible text.
Shared
Slides > Button > Text
Visible text.
Shared
Slides > Button > Link
Destination and link options .
Shared
Title HTML Tag
Div , P , H1 , H2 , H3 , H4 , H5 , H6 .
Shared
Design > Size
Setting
Purpose and options
Behavior
Width
Width.
Responsive
Height
Fit Content , Viewport , Custom .
Shared
Custom Height
Custom height and unit. When: Height = Custom .
Responsive
Design > Slider
Setting
Purpose and options
Behavior
Slider
slider controls .
See linked controls
Design > Slide
Setting
Purpose and options
Behavior
Align Children
Left , Center , Right . When: Flex Direction is unset.
Responsive
Vertical Align Children
Top , Middle , Bottom . When: Flex Direction is unset.
Responsive
Padding
spacing controls .
See linked controls
Content Width
Content width and unit.
Responsive
Design > Typography
Setting
Purpose and options
Behavior
Style
Primary , Secondary , Custom , Text .
Shared
Shown when Style = Text .
Setting
Purpose and options
Behavior
Text > Typography
typography controls .
See linked controls
Text > Padding
spacing controls .
See linked controls
Text > Fancy Underline
Style 1 , Style 2 , Style 3 , Style 4 , Style 5 , Style 6 , Style 7 , Style 8 .
Shared
Text > Underline Color
Color or supported fill.
Hover
Text > Arrow > Arrow
Arrow 1 , Arrow 2 , Arrow 3 , Custom .
Shared
Setting
Purpose and options
Behavior
Text > Arrow > Custom Arrow
Icon. When: Style = Text and Arrow = Custom .
Shared
Text > Arrow > Space Before
Space before and unit. When: Style = Text .
Shared
Text > Arrow > Hover Transform
Hover transform and unit. When: Style = Text and Arrow ≠ Arrow 3 .
Shared
Text > Arrow > Arrow Size
Arrow size and unit. When: Style = Text .
Shared
Custom Type
Custom , Preset . When: Style = Custom .
Shared
Custom > Size > Size
Custom , Small , Default , Large . When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.
Responsive
Custom > Size > Padding
Padding. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Size = Custom .
Responsive
Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.
Setting
Purpose and options
Behavior
Custom > Size > Override Width
Override width and unit.
Shared
Custom > Size > Full Width At
Breakpoint.
Shared
Custom > Background
Color or supported fill.
Hover
Custom > Outline
On/off.
Shared
Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Outline is set.
Setting
Purpose and options
Behavior
Custom > Color
Color or supported fill.
Hover
Custom > Width
Width.
Shared
Custom > No Fill On Hover
On/off.
Shared
Setting
Purpose and options
Behavior
Custom > Typography
typography controls . When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.
See linked controls
Custom > Corners
Square , Round , Custom . When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.
Shared
Custom > Corner Radius
Corner radius and unit. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Corners = Custom .
Responsive
Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.
Setting
Purpose and options
Behavior
Custom > Icon > Icon
Icon.
Shared
Custom > Icon > Position
Before , After .
Shared
Custom > Icon > Size
Size and unit.
Responsive
Custom > Icon > Color
Color or supported fill.
Hover
Custom > Icon > Space Before
Space before and unit.
Responsive
Custom > Icon > Space After
Space after and unit.
Responsive
Custom > Icon > Hover Transform
Hover transform and unit.
Shared
Custom > Effects > Transition Duration
Transition duration.
Responsive
Custom > Effects > Scale On Hover
Set scale on hover. Range: 0–3.
Responsive
Custom > Effects > Shadow
Shadow offset, blur, spread, color.
Responsive, Hover
Setting
Purpose and options
Behavior
Preset
Set preset. When: Style = Custom and Custom Type = Preset .
Shared
Design > Spacing
Setting
Purpose and options
Behavior
After Title
After title and unit.
Responsive
After Text
After text and unit.
Responsive
Container
spacing controls .
See linked controls
Troubleshooting
Navigation does not move through the expected content Check the number and order of Slides, then review the shared slider controls.
Slides have inconsistent spacing Review shared Slide styling and test the longest title and description before fixing the slider height.