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

Thumbnail Slider block guide

Pro

How to add the Thumbnail Slider block and what every setting does. It comes with Bright Addons Blocks Pro, which also includes every free block.

Start

Add the block

A large image slider with a row of thumbnails below, above or beside it, captions, Ken Burns, autoplay progress and a lightbox.

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Thumbnail Slider”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Slides, Layout, Slider and Colors.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 4

Slides

Open the block sidebar and find the Slides panel.

Setting What it does Choices
Slides A list you can add to, remove from and reorder. Each item has: image, title, text, button text, button link and thumbnail label. –

Panel 2 of 4

Layout

Open the block sidebar and find the Layout panel.

Setting What it does Choices
Change Choose one. Slide, Fade, Zoom
Image shape Choose one. 16:9, 3:2, 4:3, Square, 21:9
Thumbnails Choose one. Below, Above, Left, Right, On the image
Thumbnails on phones Choose one. Below, Same as desktop, Hidden
Thumbnails visible From 2 to 10. –
Thumbnail shape Choose one. 4:3, Square, 16:9, Portrait
Gap (px) From 0 to 40. –
Thumbnail labels On or off. –
Captions On or off. –
Caption position Choose one. Bottom left, Bottom center, Center, Top left
Title tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Ken Burns zoom On or off. –
Arrows On or off. –
Counter (1 / 5) On or off. –
Open images in a lightbox On or off. –

Panel 3 of 4

Slider

Open the block sidebar and find the Slider panel.

Setting What it does Choices
Loop On or off. –
Speed (ms) From 100 to 2000. –
Autoplay On or off. –
Autoplay delay (ms) From 1000 to 15000. –
Pause on hover On or off. –
Progress bar on the thumbnail On or off. –
Swipe On or off. –

Panel 4 of 4

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Accent Color picker. –
Arrow background Color picker. –
Arrow icon Color picker. –
Caption title Color picker. –

Questions

Good to know

Is the Thumbnail Slider block free?

Thumbnail Slider is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.