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

Gallery Slider block guide

Pro

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

Start

Add the block

An image slider with a heading bar, category tabs, caption boxes, thumbnails, autoplay 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 “Gallery Slider”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Slides, Heading bar, Category tabs, Caption box and Navigation and the other panels.
  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 9

Slides

Open the block sidebar and find the Slides panel.

Setting What it does Choices
Source Choose one. Slides, one by one, A gallery of images
Slides A list you can add to, remove from and reorder. Each item has: image, focal point, small label, categories, caption title, caption text, link and button text. –
Images Images from the Media Library. –
Caption title from Titles, captions and descriptions are edited in the Media Library. Image title, Image caption, No title
Caption text from the image description On or off. –
Focal point Choose one. Center, Top, Bottom, Left, Right
Image size Choose one. Medium large, Large, Full size
This slider is at the top of the page Loads the first image before anything else. –
Load images only when needed On or off. –
Name for screen readers Empty: the heading is used. –

Panel 2 of 9

Heading bar

Open the block sidebar and find the Heading bar panel.

Setting What it does Choices
Heading Text you type. –
Heading tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Sub text Text you type. –
Button On or off. –
Button text Text you type. –
Button link Link address. –

Panel 3 of 9

Category tabs

Open the block sidebar and find the Category tabs panel.

Setting What it does Choices
Show category tabs One tab for every category the slides use (at least two). Slides source only. –
“All” tab On or off. –
“All” tab text Text you type. –
Number of slides on each tab On or off. –
Position Choose one. Between the heading bar and the image, Under the image

Panel 4 of 9

Caption box

Open the block sidebar and find the Caption box panel.

Setting What it does Choices
Show captions On or off. –
Position Choose one. Bottom left, Bottom right, Bottom center, Top left, Top right, Full width bar at the bottom, Below the image
Move below the image on phones On or off. –
Animation Choose one. Fade up, Slide in from the inside, None
Title tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Button icon Icon picker. –

Panel 5 of 9

Navigation

Open the block sidebar and find the Navigation panel.

Setting What it does Choices
Arrows Choose one. Hidden, In the heading bar, Over the image, Under the image
Dots Choose one. Hidden, In the heading bar, Over the image, Under the image
Counter Choose one. Hidden, In the heading bar, Over the image, Under the image
Counter divider Text you type. –
Counter with a leading zero (03 / 12) On or off. –
Previous icon Empty: the built-in arrow. –
Next icon Icon picker. –
Arrow keys change the slide On or off. –
Swipe and drag On or off. –

Panel 6 of 9

Transition and autoplay

Open the block sidebar and find the Transition and autoplay panel.

Setting What it does Choices
Transition Choose one. Slide, Fade, Zoom fade
Slides in view Phones always show one slide. From 1 to 6. –
Gap between the slides (px) From 0 to 80. –
Duration (ms) From 0 to 3000. –
Easing Choose one. Smooth, Ease, Ease in and out, Ease out, Linear
Slow zoom on the active image On or off. –
Loop On or off. –
Autoplay A pause button is always shown with autoplay. –
Time per slide (ms) From 1000 to 60000. –
Pause on hover and focus On or off. –
Pause button Choose one. In the heading bar, Over the image, Under the image
Progress line On or off. –
Progress line position Choose one. Top, Bottom

Panel 7 of 9

Size

Open the block sidebar and find the Size panel.

Setting What it does Choices
Height Choose one. By shape, Fixed height
Shape Choose one. 16:9, 21:9, 3:2, 4:3, 1:1, Custom
Custom shape: width From 1 to 100. –
Custom shape: height From 1 to 100. –
Fixed height (px) From 160 to 1200. –
Image fit Choose one. Cover, Contain
Corner radius (px) From 0 to 40. –

Panel 8 of 9

Thumbnails and lightbox

Open the block sidebar and find the Thumbnails and lightbox panel.

Setting What it does Choices
Thumbnail strip On or off. –
Thumbnail alignment Choose one. Left, Center, Right
Lightbox On or off. –
Opens with Choose one. The image and the zoom button, A click on the image, The zoom button
Zoom icon Empty: the built-in icon. –
Zoom button position Choose one. Top right, Top left, Bottom right, Bottom left
Caption in the lightbox On or off. –
Counter in the lightbox On or off. –

Panel 9 of 9

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Accent (tabs, focus) Color picker. –
Heading Color picker. –
Background behind the image Color picker. –
Shade behind captions Color picker. –
Dots Color picker. –
Active dot Color picker. –
Counter Color picker. –
Progress line Color picker. –
Zoom button background Color picker. –
Zoom button icon Color picker. –

Questions

Good to know

Is the Gallery Slider block free?

Gallery 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.