How to set up and style the Full Height Section Slider widget in Elementor.
Full Height Section Slider shows full screen slides that change one at a time with the mouse wheel, the keyboard, a swipe, dots or arrows. A slide holds a heading, text and a button over a background, or a saved template. On small screens, and for visitors who ask for reduced motion, the slides become a normal stacked page.
Part of: Bright Addons Pro. Before you start: Nothing for slides with a heading, text and button. Template slides need a saved template (Templates > Saved Templates).
| Option | What it does |
|---|---|
| Slides | The list of slides. Each row is one full screen section. |
| Content | Heading, text and button, or a saved template. |
| Template | The saved template shown as the slide. |
| Small Line Above | A short line of text above the heading. |
| Heading | The slide heading. |
| Text | The text under the heading. |
| Button Text | Text of the button. Empty hides the button. |
| Button Link | Where the button links to. |
| Background Image | The image behind the slide content. |
| Image Overlay | A see-through color over the image that keeps the text readable. |
| Background Color | The background color of this slide. |
| Text Color | A text color for this slide only. It wins over the colors of the Style tab. |
| Name in the Navigation | Shown beside the dot and read by screen readers. Empty uses the heading. |
| Anchor Name | A name such as pricing. A link to #pricing then opens this slide. |
| Option | What it does |
|---|---|
| Direction | Vertical or Horizontal movement. |
| Height | Full screen or Fixed height. |
| Sticky Header Height | Height of a header that stays at the top. The slider stops below it. |
| Content Alignment | Aligns the slide content left, center or right. |
| Vertical Alignment | Places the content at the top, middle or bottom. |
| Normal Page Below (px) | On screens narrower than this the slides are stacked and the page scrolls normally. 0 keeps the slider on every screen. |
| Stacked Slides Are | At least as tall as the slider, or as tall as their content. |
| In the Editor Show | One slide at a time, or all slides below each other. |
| Option | What it does |
|---|---|
| Effect | Slide, Fade, Scale or Cover. |
| Speed (ms) | How long a change takes. |
| Easing | The speed curve of the change. |
| Option | What it does |
|---|---|
| Mouse Wheel and Trackpad | One slide per scroll gesture. A slide with more content than fits scrolls to its end first. |
| Wheel Sensitivity | How far the wheel or trackpad must move before the slide changes. |
| Keyboard | Arrow keys, Page Up, Page Down, Home and End change the slide. |
| Touch Swipe | Lets visitors swipe between slides. |
| After the Last Slide | Scroll on with the page, or loop back to the first slide. |
| Show the Anchor in the Address | Adds the anchor name of the current slide to the address so it can be shared. |
| Option | What it does |
|---|---|
| Show Dots | Shows one dot per slide. |
| Position | Right side, Left side or Bottom. |
| Labels | Shows the slide names on hover, also for the current slide, always or never. |
| Option | What it does |
|---|---|
| Show Arrows | Shows previous and next arrows. |
| Arrangement | Like the slider direction, one above the other, or side by side. |
| Option | What it does |
|---|---|
| Show Counter | Shows the slide number, for example 02 / 05. |
| Leading Zero | Writes 02 in place of 2. |
| Option | What it does |
|---|---|
| Show Progress Bar | Shows a bar that fills with each slide. |
| Option | What it does |
|---|---|
| Show on the First Slide | A small button at the bottom of the first slide. A click goes to the second slide. |
| Moving Icon | Animates the icon of the hint. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
Background Color, Image Overlay, Padding and Border Radius of all slides.
the box around the slide content.
typography, color and spacing of each text.
typography, colors, border, hover state and Margin.
colors for normal, hover and active, Scale, Position Along the Edge (%), the Box Behind the Dots and the label text and box.
size, colors and typography of each part, with Current Number Color, Bar Color and Track Color.
the Focus Outline Color.
Below the width in Normal Page Below (px), 768 by default, the slides are stacked one below the other and the page scrolls normally.
Yes. Give the slide an Anchor Name such as pricing and link to #pricing.
Yes. With After the Last Slide set to Scroll on with the page, the page continues after the last slide.
Yes. Set Content to Saved template and pick a template built with Elementor.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide