Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Basic Slider

Basic Slider

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.

Add and configure Basic Slider

  1. Click Add, choose Basic Slider, and place it in the container.
  2. Populate Content > Content > Slides with each slide's content.
  3. Choose Title HTML Tag for the slide headings.
  4. Configure Design > Size, Slider, Slide, Typography, and Button.
  5. Save your changes.
Basic Slider controls in the Breakdance editor
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
Title typography controls. See linked controls
Text typography controls. See linked controls

Design > Button

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

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.