How to set up and style the Thumbnail Slider widget in Elementor.
Thumbnail Slider shows one large slide at a time with a strip of thumbnails that stays in sync. The strip can sit below, above, left, right or inside the image. Use it for product photos, property or project galleries, and any set of images visitors want to jump between.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Slides | The list of slides, each with Image, Title, Description, Button Text, Button Link and Thumbnail Label. |
| Button Link | Where the caption button goes. The button shows only when it has both text and a link. |
| Thumbnail Label | Optional short text under the thumbnail. The title is used when it is empty. |
| Option | What it does |
|---|---|
| Transition | Chooses Slide, Fade, or Fade and Zoom. |
| Shape | The ratio of the main slider, set per device. |
| Image Fit | Fills the frame and crops, or fits the whole image inside it. |
| Ken Burns Zoom | Adds a slow zoom to the active image. |
| Show Caption | Shows the title, description and button on the slide. |
| Caption Position | Places the caption in one of nine spots, from top left to bottom right. |
| Open Image in Lightbox | Makes the main image open in the Elementor lightbox. |
| Arrows | Shows previous and next arrows on the main slider. |
| Slide Counter (2 / 8) | Shows the current slide number and the total. |
| Loop | Goes from the last slide back to the first. |
| Autoplay | Advances the slides automatically. |
| Autoplay Delay (ms) | Time each slide stays before the next one. |
| Pause on Hover | Pauses autoplay while the pointer is over the slider. |
| Swipe and Drag | Lets visitors swipe or drag the main image to change slides. |
| Option | What it does |
|---|---|
| Position | Puts the strip below, above, left, right, or inside over the image. |
| On Phones | Keeps the desktop position, moves the strip below, or hides it. |
| Thumbnails Visible | How many thumbnails fit in the strip, from 2 to 12 in half steps. |
| Column Width | Width of the thumbnail column when it sits on the left or right. |
| Thumbnail Shape | The thumbnail ratio when the strip is below, above or inside. |
| Show Labels | Shows a short text label under each thumbnail. |
| Autoplay Progress Bar | Shows a bar on the active thumbnail that fills until the next slide. |
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, border, border radius, shadow, image filters and an image overlay.
max width, distance from edges, box background, border and padding, and title and description typography and colors.
typography, colors, background, border, radius and padding for normal and hover states.
distance from slider, strip background and padding, thumbnail radius and padding, normal, hover and active states, border width, label text and progress bar color.
distance from edge, arrow size, colors and background, and counter typography, color and background.
Yes. Set Position to Left or Right and adjust Column Width. On Phones lets the strip move below or hide on small screens.
Yes. The Slides section has two image size settings, one for the main image and one for the thumbnails.
No. It jumps to that slide and the autoplay timer starts again from zero.
A slide with no title, no description and no complete button has no caption box.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide