BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Gallery Slider Pro

How to set up and style the Gallery Slider widget in Elementor.

Gallery Slider shows images one at a time or several side by side, with a heading bar, category tabs, a caption box, thumbnails and a lightbox. Slides are added one by one or from a gallery of images. Use it for project galleries, portfolios and property or product photos.

Part of: Bright Addons Pro.

Set it up

  1. Drag Gallery Slider onto the page and open Slides.

  2. Keep Source on Slides, one by one and fill each row, or choose A gallery of images and use Add Many Images.

  3. Type the Heading and Sub Text in Heading Bar.

  4. In Caption Box, choose the Position and Animation of the captions.

  5. In Navigation, choose where the Arrows, Dots and Counter show.

  6. In Transition and Autoplay, pick the Transition and switch on Autoplay if you want it.

  7. Set the Shape in Size, switch on the Thumbnail Strip or Lightbox, and finish in the Style tab.

Content options

Slides

Option What it does
Source Slides, one by one, or A gallery of images.
Slides The list of slides.
Image The image of the slide.
Focal Point The part of the image that stays in view when it is cropped.
Small Label A short label above the caption title.
Categories Used by the category tabs. Separate several categories with a comma.
Caption Title The title in the caption box.
Caption Text The text in the caption box.
Link Used by the caption title and the button.
Button Text Text of the caption button.
Add Many Images Picks many images at once for the gallery source.
Caption Title From Image title, Image caption or No title.
This Slider Is at the Top of the Page Tells the browser to load the first image before anything else.
Load Images Only When Needed Only the first image loads with the page. The others load just before their slide is shown.

Heading Bar

Option What it does
Heading The heading above the slider.
Heading Tag The heading tag.
Sub Text The text beside or under the heading.
Button Adds a button to the heading bar.

Category Tabs

Option What it does
Show Category Tabs One tab per category. The tabs appear when the slides use at least two categories.
"All" Tab Adds a tab that shows every slide.
Number of Slides on Each Tab Shows a count on each tab.
Position Between the heading bar and the image, or under the image.

Caption Box

Option What it does
Show Captions Shows the caption box.
Position Bottom left, right or center, top left or right, a full width bar at the bottom, or below the image.
Move Below the Image on Phones Keeps the caption from covering small images.
Animation Fade up, Slide in from the inside or None.

Navigation

Option What it does
Arrows Hidden, in the heading bar, over the image or under the image.
Dots Where the dots show, or hides them.
Counter Where the counter shows, or hides it.
Counter With a Leading Zero On shows 03 / 12. Off shows 3 / 12.
Arrow Keys The left and right arrow keys change the slide while the slider has keyboard focus.
Swipe and Drag Lets visitors swipe or drag the slides.

Transition and Autoplay

Option What it does
Transition Slide, Fade or Zoom fade.
Slides in View One large slide, or several side by side.
Duration (ms) How long a change takes.
Slow Zoom on the Active Image A slow zoom on the image in view. Off for visitors who ask for less motion.
Loop Off makes the arrows stop at the first and the last slide.
Autoplay Changes slides by itself. A pause button is always shown with autoplay.
Time per Slide (ms) How long each slide shows.
Progress Line A line over the image that fills while a slide is shown.

Size

Option What it does
Height By shape (aspect ratio) or Fixed height.
Shape The shape of one slide, for example 16 / 9, or Custom.
Image Fit Cover (fill and crop) or Contain (show the whole image).

Thumbnails

Option What it does
Thumbnail Strip A row of small images under the slider. It scrolls sideways when there are many.

Lightbox

Option What it does
Lightbox Opens the full size image in a dialog. The large images load only when it is opened.
Opens With The image and the zoom button, a click on the image, or the zoom button.
Caption in the Lightbox Shows the caption in the lightbox.
Counter in the Lightbox Shows the image number in the lightbox.
Bright Addons Pro

Unlock this and 70+ more Pro widgets

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.

Style options

These sections are in the Style tab.

  • Heading Bar and Heading Bar Button

    the bar, its texts and its button.

  • Category Tabs

    the tabs in each state.

  • Image Box

    the frame around the image.

  • Caption Box, Caption Label, Title and Text, Caption Button

    every part of the caption.

  • Arrows, Dots, Counter, Progress Line and Pause Button

    each navigation part.

  • Navigation Row Under the Image

    the row that holds navigation placed under the image.

  • Thumbnails

    the thumbnail strip.

  • Zoom Button and Lightbox

    the zoom button and the lightbox dialog.

Tips

  • Autoplay stops by itself while the slider is off screen, the tab is hidden or the visitor asks for less motion.

  • With several Slides in View, the caption box follows the first slide in view.

  • For the gallery source, titles, captions and descriptions are edited in the Media Library.

  • Leave This Slider Is at the Top of the Page off for sliders further down the page.

Questions and answers

Can I filter the slides by category?

Yes. Type Categories on each slide. When at least two categories are used, tabs appear and each tab shows only its slides.

Can I add many images at once?

Yes. Set Source to A gallery of images and pick them with Add Many Images.

Does the lightbox slow the page down?

The large images load only when the lightbox is opened.

Can visitors pause the autoplay?

Yes. A pause button is always shown with autoplay, and Pause on Hover and Focus is on by default.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides